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的组合，无论条件是真是假。

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

Answer 1

这种情况的背景是什么？

我建议您不要在应用程序中要求这样做.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'
},
// ...
}