vue sass配置全局变量报错

问题

配置全局css颜色变量时报错
img

vue.config.js中的代码:

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        //依次导入的公用的scss变量，公用的scss混入，共用的默认样式
        prependData: `@import "./src/assets/global.scss"`,
      },
    },
  },
}

解决

代码中@import "./src/assets/global.scss"缺少了;,漏了分号

 prependData: `@import "./src/assets/global.scss"`,

所以修改后的代码应为:

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        //依次导入的公用的scss变量，公用的scss混入，共用的默认样式
        prependData: `@import "./src/assets/global.scss";`,
      },
    },
  },
}

最后

所参考的原文献地址为:
vue-cli3 sass配置全局变量报错

posted @ 2021-01-21 23:45  DAmarkday  阅读(643)  评论(0)  编辑  收藏  举报