配置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'),
},
本文介绍如何使用webpack的sass-loader配置option.additionalData属性,将动态生成的SCSS变量插入到所有SCSS文件的顶部,适用于需要全局访问的变量场景。
849

被折叠的 条评论
为什么被折叠?



