javascript - webpack 中的条件要求文件

Question

只有当它不是用于DEBUG 时，我才想将文件捆绑到我的生产版本中；

所以我使用了 webpack.DefinePlugin 并设置了变量 DEBUG === true。

同时使用默认选项配置 webpack.UglifyJsPlugin

在 js 文件中，我是这样的:

const A = DEBUG === true ? null : require('./some-debug.js');
//do things with A, for example
console.log(A)

我检查了最终的 bundle 文件，A 被替换为 null(所以 DefinePlugin 工作正常)，但是 some-debug.js 文件的内容还在捆绑 js。

是否可以让webpack不需要这个文件？

附言:我想我可以使用 resolve.alias 来解析 './some-debug.js' --> undefined。但我想让我的 webpack.config.js 保持通用，不想应用太多 resolve.alias 条目。

谢谢

Answer 1

它不适用于三元运算符。

let A;  
if (DEBUG === true) {
  A = require('./some-debug.js');
}