第一次记录sass改成node-sass报错

记录一次项目中遇到的错误，和解决办法

项目使用了sass-dart方法打包，但是项目使用了element-ui，element打包使用的是node-sass，所以在打包上线之后会遇到icon图标乱码的情况。

这是需要将sass-dart改为node-sass打包

卸载sass
npm uninstall sass
安装node-sass
npm install node-sass

npm run build 报错
各种问题
sass-loader报错 构建包失败
困扰很久

突发灵感，sass-loader引入语法的问题

	/*sass-loader 9.0写法
// additionalData(content, loaderContext) {
//
const { resourcePath, rootContext } = loaderContext;
//
const relativePath = path.relative(rootContext, resourcePath);
//
if (
//
relativePath.replace(/\/g, "/") !== "src/styles/variables.scss"
//
) {
//
return '@import "~@/styles/variables.scss";' + content;
//
}
//
return content;
// },

sass-loader版本过高会与node-sass有bug所以不行
需要低版本的，安装npm install sass-loder@7.3.0 --save
修改引入语法

data: '@import "~@/styles/variables.scss";',

最后

以上就是老实棒球为你收集整理的第一次记录sass改成node-sass报错的全部内容，希望文章能够帮你解决第一次记录sass改成node-sass报错所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。