关于npm:vue-20中引入sass的完整解决方案

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…

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