vue cli3在使用官方方法配置CSS 全局变量报错及解决方案

在vue cli3 中我们在vue.config.js 配置文件中对CSS 进行全局变量配置时,大多人所用的方法:

loaderOptions: {
      sass: { 
        data:`@import"./src/styles/main.scss";`
      }
    }

这样我们在运行时就会出现诸如以下错误

vue cli3在使用官方方法配置CSS 全局变量报错及解决方案

以下写法修改后就正确了

loaderOptions: {
      sass: { 
        prependData:`@import"./src/styles/main.scss";`
      }
    }

  

 

上一篇:vue-cli3 项目打包优化(解决首屏卡顿白屏,JS加载过多)


下一篇:安装vue-cli存在的问题