使用 nuxt.js 组件自动导入会影响性能吗?

Is using nuxt.js components auto import bad for performance?

我正在为我的项目使用 Nuxt.js v2。现在,我通过在 nuxt.config.js 文件中设置 components: true 来启用 nuxt.js auto import for components。我想知道使用组件自动导入是否会对我的网站在生产环境中的性能产生负面影响?
我应该像您在 vue.js 中那样手动导入组件吗?

auto-import 功能仅供某些 DX(开发人员经验)使用,无需键入整个内容。当您发送代码时(或可能在编译期间)将扫描模板,但性能将与您手动导入组件时完全相同。

最后无论如何都要由Vue渲染引擎来解析。所以,这里 Nuxt 团队提供了一个工具来帮助你更快地编码,它不是在模板本身上做更多的编译,而是提前。

因此为什么没有性能损失。


实际上有很多库(Nuxt3,Vitesse,等等...)自动导入组件组合API钩子为你完成。不用担心,如果它有任何影响,它就不会被广泛使用。