前提:用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文件