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的组合，无论条件是true还是false。

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

Answer 1

这种情况的背景是什么？

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

NODE_ENV="旧" webpack

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

const oldOrNew = process.env.NODE_ENV;

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