如何在vue项目中使用sass（scss）

前提：用vue -cli脚手架生成vue项目，cmd进入到项目根目录

1.用npm安装sass的依赖包（可使用cnpm淘宝镜像）

npm install --save-dev sass-loader

//sass-loader依赖于node-sass

npm install --save-dev node-sass

2.在build目录下找到webpack.base.conf.js文件，在module的rules中插入以下代码

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

3.在vue文件中使用sass

也可以引用sass文件