vue-cli-service build 比 vue ui build 更重

Posted 2023-02-22

【中文标题】vue-cli-service build 比 vue ui build 更重

【英文标题】：vue-cli-service build heavier than vue ui build

【发布时间】：2021-10-19 04:05:54

【问题描述】：

我使用 vue-cli-service build --mode production 构建我的 VueJS 应用程序，我的 chunk-vendors.js 重 320 万。 所以我决定使用vue ui 来调查它为什么这么重。 然后，我只需单击 Build，我看到 chunk-vendors.js 现在是 1.0M ！

为什么这两个版本之间会有这样的差异？

截图如下：

感谢您的帮助！

【参考方案1】：

vue ui 的build 命令是这样的：

vue-cli-service build --mode production --target app --no-module --dashboard

注意--no-module 标志，它关闭modern browser builds，即enabled by default as of Vue CLI 5.0.0。因此，您使用的命令（即，没有 --no-module）创建了一个现代构建，其中包括用于旧版浏览器的转译代码和 polyfill 包，以及用于不需要 polyfill 的现代浏览器的更精简代码。另一方面，vue ui 只构建后者。