使用 Webpack 和 Babel 时,关闭压缩的最佳方法是啥?

Posted

技术标签:

【中文标题】使用 Webpack 和 Babel 时,关闭压缩的最佳方法是啥?【英文标题】:When using Webpack and Babel, what is the best way to turn off compression?使用 Webpack 和 Babel 时,关闭压缩的最佳方法是什么? 【发布时间】:2018-06-28 23:21:30 【问题描述】:

我正在尝试更熟悉 webpack。我的理解是,如果我不包含 uglify 插件,那么 dist/bundle.js 不应该被最小化或压缩,但似乎是这样。

https://gist.github.com/dcvezzani/bb535a2236ef160b0769b86ec10e526b

我认为How to build minified and uncompressed bundle with webpack? 可能会有所帮助,但也许 webpack 已更改,因此那里的答案不再相关。

webpack 是否使用自己的压缩?出于教育目的,我将如何运行 webpack 以获取我的包,但内容未压缩或最小化?

【问题讨论】:

请分享你的 webpack 配置文件 【参考方案1】:

This answer 在 webpack.config.js 中提到 module.exports.optimization.minimize 并将其设置为 false 帮助我从 webpack 获得 pretty 包。

【讨论】:

以上是关于使用 Webpack 和 Babel 时,关闭压缩的最佳方法是啥?的主要内容,如果未能解决你的问题,请参考以下文章

webpack生产环境的基本配置 - 提取CSS文件 - CSS/JS兼容性处理 - babel - ESLint - HTML/CSS/JS压缩

使用 babel 和 webpack 转换代码时,导出默认值不会被转换

Webpack 2 的 Babel 转换运行时问题

前端打包压缩对比

在 webpack.config.babel.js 中使用“导入”时出错

@babel/typescript 在 webpack 构建时不会抛出错误