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="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'
    },
    // ...
}

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

1 个答案: