javascript - 用 webpack 去掉 __DEV__

Question

<分区>

Answer 1

您可以在您的 webpack 配置中定义一个插件。在您的配置中，您需要添加这样的插件:

module.exports = {
  plugins: [
    new webpack.DefinePlugin({
      __DEV__: JSON.stringify(JSON.parse(process.env.BUILD_DEV || 'true'))
    })
  ]
}

通过这样做，您将用 BUILD_DEV 环境变量的值替换所有对 __DEV__ 的引用。

由于您在使用 webpack 构建时可能已经设置了 NODE_ENV，因此您可以利用它。这是使用 NODE_ENV 的另一种方法:

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

正如@Felix Kling 在评论中提到的，您还可以使用此技术来定义多个功能标志，如下所示:https://github.com/petehunt/webpack-howto#6-feature-flags

如果您在 NODE_ENV=production 处构建，您将拥有死代码。我相信当你运行你的缩小工具时，这个死代码会被删除。看这里:https://medium.com/@roman01la/dead-code-elimination-and-tree-shaking-in-javascript-build-systems-fb8512c86edf