第一次记录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";',