Vue项目中 sass安装

Vue项目中 sass安装sass-loader依赖于node-sass,所以要安装node-sasscnpm install node-sass--save-dev//安装node-sasscnpm install sass-loader--save-dev//安装依赖包sass-loadercnpm install style-loader--save-dev//安装style-loader插入代码片在build文件夹下的webpack.base.conf.js的module下 rules里面添加配置{test:/\.sass$/,loaders:[style,css,sass]},在需要用到sass的地方添加langscssstyle scoped langscss/style*注: 安装sass 出现问题 运行npm run dev 报错! **Modele build failed:TypeError:this.getResolve is not afunctionat Object.loader...这是因为当前sass的版本太高webpack编译时出现了错误这个时候只需要换成低版本的就行下面说一下修改方法很简单如下找到package.json文件里面的 sass-loader的版本更换掉 就行了。解决方法将sass-loader:^8.0.0更换成了sass-loader:^7.3.1,也可以先卸载当前版本然后安装指定的版本卸载当前版本 npm uninstall sass-loader 安装 npm install sass-loader7.3.1--save-dev参考链接:vue安装node-sass编译报错 https://blog.csdn.net/ze1024/article/details/100516650内容参考新上小菜鸟https://www.cnblogs.com/harbors/p/12728190.html