gulp 如何让 sass 变量跟随环境变量变化而变化？

Question

webpack 里的 sass-loader 有这样的一个配置，可以注入 sass 全局变量

gulp 有哪些插件可以实现这一功能，在编译时注入 sass 全局变量？试过用 webpack-stream 搭配 sass-loader 使用，但是不起作用，貌似 webpack-stream 只能用在 js 上，不能用到 css 上。

Answer 1

{
  loader: 'sass-loader',
  options: {
    // 你也可以从一个文件读取，例如 `variables.scss`
    // 如果 sass-loader 版本 < 8，这里使用 `data` 字段
    prependData: `$color: red;`
    // prependData: `@import "~@/assets/scss/variables.scss";`
  }
}