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

我想澄清我的nuxt项目的webpack bundle analyzer的结果。
CITYSELTER组件在不同的NUXT页面上被多次使用。基本导入：

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

export default {
  components: {
      CitySelector
  },

在检查了webpack bundle analyzer的结果之后，我看到cityselector有多个块：

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

最佳答案

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