我将要部署一个静态Gridsome网站。目前，在压缩之前，整个网站的重量为518KB（带有自托管的，大量子集的字体，缩小的嵌入式SVG等）。我知道那已经不是有史以来最庞大的网站。
正在运行Chrome的代码覆盖工具，并且88.561字节的app.js（总计181166字节）未使用。这几乎是文件的50％。那是...很多。
除了Gridsome之外，我没有其他依赖项，而且我自己的JavaScript代码非常轻巧。因此，我假设大部分权重来自Vue.js或Gridsome。 Gridsome已经在背面使用了Webpack 4，所以我认为它正在进行很多剥离操作，但仍然感到烦恼。
有什么我可以做的，还是这不可避免？我是否需要写完整的香草来绕过这种膨胀？
预先感谢：）
答案 0 :(得分：0)
我刚刚创建了一个新的 Gridsome 站点，app.js 文件也是 ~181kB。 Gridsome 的文档说：
<块引用>Gridsome 默认添加 57kB 最小 gzip JS 包大小。(vue.js, vue-router、vue-meta 和一些用于图像延迟加载）。
我在我构建的 app.js 文件上运行了 gzip app.js，最终得到了一个 63kB 的文件。基于此，以及默认构建为 57kB 的事实，我认为如果没有大量自定义工作来去除未使用的内容，您不会得到更小的 app.js 文件。
不幸的是，我认为这只是使用预构建库和框架的缺点的一部分。这并不是说没有办法改进事情，而是开箱即用，这看起来就是你所得到的。