Vue可重用组件和Nuxt应用程序捆绑包大小

Question

我想弄清楚我的NUXT项目的webpack捆绑分析器的结果。

CitySelector组件在不同的nuxt页面上被多次使用。基本导入：

import CitySelector from "~/components/CitySelector.vue"

export default {
  components: {
      CitySelector
  },

在检查webpack捆绑分析器结果之后，我使用CitySelector看到了多个块：

我猜捆绑包的大小太大是因为错误地使用了可重用组件。请告知我对分析仪结果的解释是否正确？在这种情况下可以优化捆的大小吗？

Answer 1

您应该使用Nuxt 2.4，它将被自动处理，并且不会像屏幕截图那样重复出现代码