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

Question

我正在使用gulp / webpack运行reactjs应用并尝试过： https://github.com/yahoo/strip-loader。 但它不起作用（在我的reactjs代码中抛出错误）。如何使其工作或什么是另一种解决方案？

EDIT 我将它添加到webpack.config的加载器部分：

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

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

Answer 1

您可以使用UglifyJsPlugin（）并传递drop_debugger: true属性。

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

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

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

Answer 2

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

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