配置option.additionalData,additionalData字符串会转为scss代码,默认插入scss文件顶部。常见场景,某个scss变量需要用js动态生成且在全局scss文件都要用到,此时就可以用该方法实现。
{
...
sassOptions: {
includePaths: [join(__dirname, './shared/sass')],
},
additionalData: Object.keys(zentVersion)
.map((k) => `$${k}: ${zentVersion[k]};`)
.join('\n'),
},