css - webpack-scss-sass-file 不适用于条件 css 提取

Question

我正在使用 WEBPACKEXTRACT-PLUGIN将 scss 提取到 css 文件中。

条件提取有问题。目前我们有 OLD-SCSS 和 NEW-SCSS 所以在我的 app.js 文件中我是这样做的。

if (somecondition) {
  require('path-to-old.scss');
} 
else {
  require('path-to-new.scss');
}

但最终结果是 OLD-SCSS 和 NEW-SCSS 的结合，无论条件 为真 或 false。

有没有办法让它有条件地提取。

Answer 1

这种情况的背景是什么？

我建议您不要在 app.js 中要求这个，而是将这些文件放在 webpack.config.js 上，并使用 node_env 参数有条件地在它们之间进行更改，如下所示:

NODE_ENV="old" webpack

And on your webpack.config.js file:

const oldOrNew = process.env.NODE_ENV;

module.exports = {
    // ...
    entry: {
        css: (oldOrNew === 'old') ? 'path-to-old.scss' : 'path-to-new.scss'
    },
    // ...
}