vue项目与脚手架中安装SCSS/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']
},

就可以在项目中使用了

3.运行npm run dev报错

Modele build failed: TypeError: this.getResolve is not a function at Object.loader...
// 因为当前sass的版本太高，webpack编译时出现了错误，这个时候只需要换成低版本的就行，下面说一下修改方法，很简单，如下，找到package.json文件，里面的 "sass-loader"的版本更换掉 就行了。

4.解决办法

"sass-loader": "^8.0.0" ==> "sass-loader": "^7.3.1", //  也可以先卸载当前版本，然后安装指定的版本
npm uninstall sass-loader    // 卸载当前版本
npm install sass-loader@7.3.1 --save-dev    // 安装

鬼情况遇到python4.0未安装的报错 安装解决