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

Posted 2023-02-23

【中文标题】Vue 可重用组件和 Nuxt 应用程序包大小

【英文标题】：Vue reusable component and Nuxt app bundle size

【发布时间】：2019-07-06 11:24:12

【问题描述】：

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

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

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

export default 
  components: 
      CitySelector
  ,

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

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

【问题讨论】：

什么 Nuxt 版本？

@Aldarund nuxt@1.4.2

【参考方案1】：

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

【讨论】：

感谢您，NUXT 升级后捆绑包大小已显着减小。

我正在使用 2.8，但我仍然看到这个。

@blockhead 不可能，除非你使用全局组件。全局组件会全局注册，需要本地导入

我在本地导入组件。

@blockhead 那么你需要在它发生的地方提供复制存储库