Vue.js 我应该在vue中的每个组件上使用代码拆分吗？

我在vue中有一个带有typescript的应用程序。当我使用import加载组件时，我看到了一个组件包，里面有组件的所有代码

我想知道我是否应该为每个要加载的组件都这样做，例如：我有app.vue在里面，我有toolbar.vue和drawer.vue。在我的路由器组件中，我有其他vue组件

我担心会发生的是app.js被加载，然后路由定义500K中的组件被加载，然后我得到工具栏组件1.5mb。我会发现闪烁的屏幕很奇怪

---

那么，我应该为我的应用程序中的每个组件使用拆分包吗？

如果您不希望每个页面都重复使用特定组件，那么可以进行代码拆分

以页眉和页脚组件为例。因为它们将在几乎所有的页面中使用，所以没有理由进行代码拆分，因为您希望它与所有页面的包一起加载

例如，您有一个组件，其中有一个Blog小部件。此组件将仅在/blog页面中加载。因此，这是一个很好的使用代码拆分的用例，因为您不需要将Blog小部件捆绑到除/Blog页面之外的其他页面中

我只能提供一个通用的答案，使用页眉和页脚组件是表达不同用例的最佳方式。至于其余的组件，您必须自己决定是否值得进行代码拆分