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

【问题标题】：webpack-scss-sass-file does not work with conditional css extractwebpack-scss-sass-file 不适用于条件 css 提取
【发布时间】：2018-02-01 03:04:23
【问题描述】：

我正在使用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 的组合，而不管条件是否为 true em> 或 false。

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

【问题讨论】：

标签： css webpack sass gulp extracttextwebpackplugin

【解决方案1】：

这个条件的上下文是什么？

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

NODE_ENV="old" webpack

在你的 webpack.config.js 文件中：

const oldOrNew = process.env.NODE_ENV;

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

【讨论】：

上下文就像AB Testing。对于A 加载old-css 和对于B 加载new-css。我不确定如何在web.config.js 文件中处理它。