将变量从 npm 构建传递给 scss

Question

我希望将一个变量从我的构建传递给我们的 sass 变量。

webpack.config.js：

const glob = require('glob');
const path = require('path');
const loaders = require('./loaders');
const plugins = require('./plugins');

// Loop over all our .scss files.
const mapFilenamesToEntries = pattern => (
  glob
    .sync(pattern)
    .reduce((entries, filename) => {
      const [, name] = filename.match(/([^/]+)\.scss$/)
        if (name.substr(0, 1) === '_') {
       return entries;
      }
    return Object.assign({ [name]: filename }, entries)
  }, {})
);
module.exports = (evt, options) => {
  // options.brand is the variable I want to pass to my scss.
  return {
    stats: {
      children: options.mode == 'development' ? false : true,
    },

    context: path.resolve(__dirname, '../'),

    entry: mapFilenamesToEntries(path.resolve('scss/**/*.scss')),

    output: {
      path: path.resolve('dist'),
      publicPath: path.resolve('images'),
    },

    module: {
      rules: [
        loaders.CSSLoader,
      ]
    },

    plugins: [
      plugins.StyleLintPlugin,
      plugins.FixStyleOnlyEntriesPlugin,
      plugins.MiniCssExtractPlugin,
      plugins.OptimizeCssAssetsPlugin,
    ], 
  }
};

我如何传递一个变量（这里是品牌），这实际上是用来从 sass 构建 css 文件的？