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文件的內容仍然在bundle js中。

是否可以讓webpack不需要該文件？

PS：我想我可以用resolve.alias解決'./some-debug.js' --> undefined 。 但我想保持我的webpack.config.js通用的，不”想申請太多resolve.alias條目。

謝謝

Answer 1

它不適用於三元運算符。

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