vue中项目如何引入sass

Posted annely

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中项目如何引入sass相关的知识,希望对你有一定的参考价值。

1、进入项目目录

2、安装sass的依赖

  npm install --save-dev sass-loader
  npm install --save-dev node-sass

3、在build文件夹下的webpack.base.conf.js的rules里面添加配置(和其它配置项形式一样即可)

  {
      test: /.sass$/,
     loaders: [‘style‘, ‘css‘, ‘sass‘]
  }

4、在使用sass的vue文件的

  <style lang="scss">

5、然后正常运行项目

以上是关于vue中项目如何引入sass的主要内容,如果未能解决你的问题,请参考以下文章

vue -- 使用sass并引入公共sass文件

vue学习日记:在项目中引用sass

vue 安装scss 运行vue项目报错

vue中引入了sass,又引入cssnano报错

vue 2.0中引入sass的完整解决方案

在vue单页面应用当中使用sass