如何全局引入js生成的scss代码

配置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'),
},

你可能感兴趣的:(javascript,scss,前端)