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

Question

我要部署一个静态的Gridsome网站。目前，整个站点重达518 etc(包含自托管的、大幅细分的字体、缩小的内联SVGs等)。我知道那已经不是有史以来最庞大的网站了。

运行Chrome的代码覆盖工具和88561字节的app.js (总计181166字节)都未使用。这几乎是文件的50%。那是…那可真是太多了。

除了Gridsome之外，我没有其他依赖项，而且我自己的JavaScript代码非常简单。所以我假设大部分重量来自Vue.js或Gridsome。Gridsome已经在后面使用了Webpack 4，所以我认为它做了很多脱衣舞，但我还是很烦恼。

我能做些什么，还是这是不可避免的？我需要写整件事香草来绕过这个浮肿吗？

(预先谢谢:)

Answer 1

我刚刚启动了一个新的Gridsome站点，app.js文件也是181 as。Gridsome的医生说：

默认情况下，

Gridsome添加了一个57 loading gzip JS包大小。(vue.js、vue-路由器、vue-meta和一些用于图像延迟加载)。

我在构建的app.js文件上运行了app.js，最后得到了一个63 up文件。基于此，并且默认构建为57 of，我认为如果没有大量的自定义工作来消除未使用的东西，您就不会得到一个更小的app.js文件。

不幸的是，我认为这只是使用预构建库和框架的缺点之一。这并不是说没有改进的方法，但从盒子里看，这就是你得到的东西。