Vue项目中安装sass

1.安装sass的依赖包

npm install --save-dev sass-loader

（若出错，因为sass-loader版本过高导致，可以将其package.json中的版本改为7.3.1，然后再重新安装sass-loader包，若是还过高，则重装6.x,cnpm i sass-loader@6.x --save-dev）

2.//sass-loader依赖于node-sass,所以要安装node-sass

npm install --save-dev node-sass

3.在build文件夹下的webpack.base.conf.js的rules里面添加配置

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

注意：下面这个 加不加视情况定（css的）

{
test:/.css/,
loader:'css-loader'
},

4.在APP.vue中修改style标签

<style lang="scss">

5.然后运行项目

$ npm run dev

原文链接：https://www.jianshu.com/p/24f98f66c6ba