第一步安装sass-loader node-sass
npm install node-sass@^4.9.0 -D
npm install sass-loader@^7.0.3 -D
- npm5之后，npm install xxx 默认带--save/-S下载到dependencies,--save-dev/-D下载到devDependencies
- dependencies(依赖)，只允许放生产环境中项目所使用的依赖
- 这里sass是安装devDependencies(开发依赖)，开发时候才会用到的工具包
- 项目作为npm包发布时，开发依赖不会去下载下来
第二步修改web pack.base.conf.js的module
{
test: /\.scss$/,
loaders: ["style", "css", "sass"]
},
image.png
第三步处理报错，一般是this.getResolve is not a function，是由于sass-loader的版本过高导致，不指定版本安装的是8.0.0，所以请按照我的第一步安装
image.png
第四步 在vue文件的style lang="scss",改完这个要刷新下，不然没效果
image.png
