vue设置全局scss,报错

sass-loader版本问题引发的错误:options has an unknown property 'prependData'. These properties are valid

当前版本如下:

"sass": "^1.32.7",
"sass-loader": "^12.0.0",

原来的写法:

css: {
    loaderOptions: {
      sass: {
        prependData: '@import "@/scss/settings.scss";'
      }
    }
}

修改后(生效):

css: {
    loaderOptions: {
      sass: {
     // sass 版本 9 中使用 additionalData 版本 8 中使用 prependData,其他低版本,使用data
     //这里的分号;必填
additionalData:
'@import "@/scss/settings.scss";' } } }

 多个文件全局配置

css: {
    loaderOptions: {
      scss: {
        additionalData: `
        @import "@/style/utils/_variables.scss";
        @import "@/style/utils/mixin.scss";
        `
      }
    }
}

 

posted @ 2023-05-17 14:02  安静的女汉纸  阅读(606)  评论(0编辑  收藏  举报