在构建期间动态导入Webpack文件

Question

我正在开发一个具有用于浏览器API的包装的浏览器扩展，我希望能够在构建期间交换出特定于浏览器的包装。

有人告诉我使用process.env.NODE_ENV ，Webpack会丢弃评估为false的代码分支，但我不确定如何/在何处使用它来实现我想做的事情。

Answer 1

您最有可能需要将DefinePlugin添加到插件数组中，如下所示：

const webpack = require('webpack')

module.exports = {
 ...
 plugins: [
  ...
  new webpack.DefinePlugin({
    'process.env': {
      'NODE_ENV': JSON.stringify('production')
    }
  }),
 ]
}