执行 webpack 后 JavaScript 文件大小超过 1.4 MB答案

【问题标题】：JavaScript file size over 1.4 MB after executing webpack执行 webpack 后 JavaScript 文件大小超过 1.4 MB
【发布时间】：2018-02-15 18:02:23
【问题描述】：

使用"lodash": "^4.17.5",

为什么 Lodash 做完之后这么大：webpack？

看起来 sourceMapping 使文件膨胀...

sourceURL=[module]\n// 
sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiOC5qcyIsInNvdXJjZXMiOlsiQzpcXGluZXRwdWJcXHd3d3Jvb3RcXFdlYlBhY2tfVHlwZVNjcmlwdF9TZXR1cF9FeGFtcGxlXFxub2RlX21vZHVsZXNcXGxvZGFzaFxcbG9kYXNoLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIExvZGF.......
...
.
.
.

【问题讨论】：

这似乎不对，完整的 lodash gzip 压缩后就像 24kb
是的，它充满了额外的数据，对我来说看起来像是源映射的数据......

标签： webpack-3

【解决方案1】：

我使用webpack 和这样的选项参数：

webpack -d --env.dev --display-modules --progress --display-error-details"

这里的“问题”是-d 标志。

开发快捷方式-d：等于--debug--devtool source-map --输出路径信息

CLI reference

删除该标志会将 lodash.js 文件大小缩短到 70kb，因为它不再包含源映射数据。

【讨论】：