如何在 webpack 中关闭 babel 缩小？

【问题标题】：How to turn off babel minification in webpack?如何在 webpack 中关闭 babel 缩小？
【发布时间】：2017-09-04 10:43:20
【问题描述】：

这是我用来准备生产脚本的 webpack 配置

  config.output.filename = '[hash].main.js';

  config.module.loaders.push({
    test: /\.js$/,
    loaders: ['babel'],
    exclude: /node_modules/,
    include: path.join(__dirname, 'app'),
  });

但出于调试目的，我希望能够生成最终输出 xxxx.main.js 而无需任何缩小或优化。

如何通过上述配置实现？

我实际上对 webpack/babel 工具不是很熟悉，所以我实际上不确定是 babel 还是 webpack 执行了缩小

【问题讨论】：

标签： webpack babeljs minify

【解决方案1】：

几乎可以肯定是 webpack 会缩小你的包，babel 只会缩小通过加载器传递的源，而不是整个包。

您可以通过两种方式启用缩小，将UglifyJsPlugin 添加到您的配置中，或者使用CLI 标志--optimize-minimize 或-p 启用自动设置--optimize-minimize 的生产模式。

如果您正在使用该插件，则可以将其从配置中的 plugins 中删除（或有条件地设置它，例如使用环境变量），如果您使用的是上述标志之一，您可以简单地运行没有它们的 webpack 获取非缩小包。

另见Building for Production。

【讨论】：