为什么带有 Vue.js 的 Webpack 会产生这么大的构建文件？

【问题标题】：Why does Webpack with Vue.js produce such a large build file?为什么带有 Vue.js 的 Webpack 会产生这么大的构建文件？
【发布时间】：2019-01-12 12:38:49
【问题描述】：

我已经克隆了这个存储库：

https://github.com/Microsoft/TypeScript-Vue-Starter

我运行 npm 脚本：

npm install
npm run build

结果：build.js filzesize 约为 1MB。

举个简单的例子，为什么 build.js 比 Vue.js 库大这么多？

【问题讨论】：

标签： javascript typescript webpack vue.js

【解决方案1】：

请注意，Webpack 2 安装在 package.json 中。您必须自己通过 webpack.config.js 优化包并管理环境变量以减小包大小。

或者，您可以安装 Webpack 4 并将构建脚本更改为：

"build": "webpack --mode production"

Webpack 将使用合理的默认值优化捆绑包。

Reference

【讨论】：