1. sass-loader依赖于node-sass,所以要装置node-sass

npm install node-sass --save-dev       //装置node-sass
npm install sass-loader --save-dev         //装置依赖包sass-loader
npm install style-loader --save-dev        //装置style-loader

2. 在build文件夹下的webpack.base.conf.js的module下 rules外面增加配置

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

如果我的项目没有起来报错了能够参考看以下解决方案：

1.这是vue我的项目（由vue-cli创立）引入sass后，打包我的项目呈现的谬误。这个谬误是sass-loader版本造成的

　　解决方案：在package.json中将 “sass-loader”:"^10.0.1"版本批改为"sass-loader": "^7.3.1",而后从新npm install

2.创立完这个文件当前，又呈现了新的谬误“Node Sass version 5.0.0 is incompatible with ^4.0.0.”
　　解决方案：
　　　　卸载已装置版本 npm uninstall node-sass
　　　　装置 npm install node-sass@4.14.1
胜利解决问题。我的项目打包胜利
最初总结一下当用vue-cli创立一个vue我的项目时，引入sass的步骤[不必配置，因为vue-cli中曾经给咱们配置好了]

1.下载安装：npm i node-sass sass-loader style-loader -D

2.能够开始用了【lang="scss"】

不想本人总结报错起因了，这是报错解决原文链接https://www.cnblogs.com/qiuyi...

看文章的时候肯定要仔细，粗枝大叶那只能耗费你本人的工夫了！！