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 文件。

不幸的是，我認為這只是使用預構建庫和框架的缺點的一部分。 這並不是說沒有辦法改進事物，而是開箱即用，這看起來就是您所得到的。