什么模块可以在 webpack 解决方案中剥离调试？答案

【问题标题】：What module can strip debugs in webpack solutions?什么模块可以在 webpack 解决方案中剥离调试？
【发布时间】：2017-01-03 03:30:36
【问题描述】：

我正在使用 gulp/webpack 运行一个 reactjs 应用程序并尝试了这个： https://github.com/yahoo/strip-loader。但是它不起作用（在我的 reactjs 代码中引发错误）。如何让它工作或有什么其他解决方案？

编辑我将此添加到 webpack.config 的加载程序部分：

new webpack.optimize.UglifyJsPlugin({
    drop_debug: true
})

我已经使用 npm 安装了插件，但它没有从我的 reactjs 代码中过滤调试器语句？

【问题讨论】：

【解决方案1】：

您可以使用 UglifyJsPlugin() 并传递 drop_debugger: true 属性。

要使用此属性，您需要将其传递给 options 参数内的 compress 属性。

new webpack.optimize.UglifyJsPlugin(
  compressor: {
    drop_debugger: true
  }
);

这是一个 UglifyJS 特定的属性，webpack 可以直接通过compress 传递这些属性。讽刺的是，看看插件的源代码，它还可以将属性 compressor 作为 alt 属性。

【讨论】：

【解决方案2】：

你可以在 webpack 中使用 strip-loader 插件。

var WebpackStripLoader = require('strip-loader');
WebpackStripLoader.loader('console.log', 'console.error', 'debugger')

【讨论】：