npm scss安装错误

https://www.cnblogs.com/pxblog/p/12444050.html

vue cli3使用官方方法配置sass全局变量报错

vue.config.js代码如下：

module.exports = {
    css: {
        loaderOptions: {
          sass: {
            data: `@import "~@/assets/scss/variables.scss";`,
          },
        }
      }
}

　　variables.scss的代码如下：

$theme-color: #33aef0;

　　app.vue代码如下

#app {
  color: $theme-color;
}

　

// 旧
data: `@import "~@/assets/scss/variables.scss";`
// 新
prependData: `@import "~@/assets/scss/variables.scss";`

　　改用新版本即可