webpack - 如何关闭 webpack 中的 babel 压缩?

标签 webpack babeljs minify

这是我用来准备生产脚本的 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 缩小了你的包,babel 只会缩小通过加载器传递的源代码,而不是整个包。

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

如果您正在使用该插件,则可以将其从配置中的 plugins 中删除(或有条件地设置它,例如使用环境变量),并且如果您正在使用上述之一标记你可以简单地运行 webpack 而无需它们来获取非压缩包。

另请参阅Building for Production .

关于webpack - 如何关闭 webpack 中的 babel 压缩?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43305371/

相关文章:

javascript - d3 v4 模块从 require 切换到 import

Symfony Webpack encore 运行时出错。加演 : Permission denied

javascript - 为什么我的脚本仅在缩小后才抛出 'Cannot redefine property: i' 错误?

node.js - 使用 sinon stub 在 mocha 中对 ES6 函数导入进行 stub

javascript - 丑化后无法加载大型 JavaScript 文件 ExpressJS

javascript - 您可以在构建时压缩 Angular 图像 Assets 吗?

css - 如何在 webpack 中以正确的顺序导入样式

javascript - 使用名称为 Array 的组件时出现奇怪的 React 错误

java - 使用比字符串内容更少的字符在 Java 中打印字符串

javascript - 在 JavaScript 中渲染期间缩小文件