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

万年打野易大师

更新的scss版本在vue cli3的项目里面的配置需要修改参数设置,具体在vue.config.js文件

sass-loader报错:
Module build failed (from ./node_modules/_sass-loader@8.0.0@sass-loader/dist/cjs.js):
ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema.

  • options has an unknown property 'data'. These properties are valid:
  • object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }
  • at validate (D:旧项目webDemonode_modules_schema-utils@2.2.0@schema-utilsdistvalidate.js:49:11)
  • at Object.loader (D:旧项目webDemonode_modules_sass-loader@8.0.0@sass-loaderdistindex.js:36:28)

注:(D:旧项目webDemo)是我们自己的项目存放的路径

css: {
    loaderOptions: {
      sass: {
        data: `@import "~@/assets/scss/variables.scss";`, //这儿的键名改了
      },
    }
  }
// 旧
data: `@import "~@/assets/scss/variables.scss";`
// 新
prependData: `@import "~@/assets/scss/variables.scss";`
阅读 9.3k

农场主,做网站卖猪
写代码使我全家人快乐(^-^)
1.2k 声望
168 粉丝
0 条评论
1.2k 声望
168 粉丝
宣传栏