Vue 可重用组件和 Nuxt 应用程序包大小答案

【问题标题】：Vue reusable component and Nuxt app bundle sizeVue 可重用组件和 Nuxt 应用程序包大小
【发布时间】：2019-07-06 11:24:12
【问题描述】：

我想为我的 NUXT 项目澄清 webpack 包分析器的结果。

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

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

export default {
  components: {
      CitySelector
  },

检查 webpack 包分析器结果后，我看到多个带有 CitySelector 的块：

我猜由于错误使用可重用组件，bundle size 太大了。请指教我对分析仪结果的解释是否正确？在这种情况下可以优化捆绑包大小吗？

【问题讨论】：

【解决方案1】：

你应该使用 Nuxt 2.4，它会自动处理，不会像截图那样重复代码片段

【讨论】：