Gridsome/Vue.js：如何减少核心包的大小？

Question

我即将部署一个静态的 Gridsome 网站。 目前，整个站点在 gzip 压缩之前重 518KB（带有自托管、彻底子集化的字体、缩小的内联 SVG 等）。 我知道这已经不是有史以来最庞大的网站，然而。

运行 Chrome 的代码覆盖工具，以及 88561 字节的 app.js（总共 181166 字节）未使用。 这几乎是文件的 50%。 那是……很多。

除了 Gridsome 之外，我没有任何依赖项，而且我自己的 JavaScript 代码很轻。 所以我假设大部分权重来自 Vue.js 或 Gridsome。 Gridsome 已经在后面使用了 Webpack 4，所以我认为它做了很多剥离，但我仍然很烦恼。

有什么我可以做的，或者这只是不可避免的？ 我是否需要编写整个香草来绕过这种膨胀？

提前致谢 ：）

Answer 1

我刚刚开始了一个新的 Gridsome 站点，app.js 文件也是 ~181kB。 Gridsome 的文档说：

Gridsome 默认添加 57kB 最小 gzip JS 包大小。（vue.js、vue-router、vue-meta 和一些用于图像延迟加载）。

我在我构建的 app.js 文件上运行gzip app.js ，最终得到了一个 63kB 的文件。 基于此，以及默认构建为 57kB 的事实，我认为如果没有大量自定义工作来去除未使用的内容，您不会得到一个更小的 app.js 文件。

不幸的是，我认为这只是使用预构建库和框架的缺点的一部分。 这并不是说没有办法改进事物，而是开箱即用，这看起来就是您所得到的。