通常在项目的页面开发过程中会将一整个页面分割成多个组件形式,这样也方便后续的维护,但由于 Nuxt 会为 ~/pages/
目录中的每个页面自动创建路由,这会导致在pages
目录中的新建的components
目录中的组件代码也会被生成页面路由,并且是可以通过路由地址进行访问的,没有使用到的components
组件代码也会被进行打包,这显然不是我们想要的效果,顺带记录下解决方法。
2025/5/3大约 2 分钟
通常在项目的页面开发过程中会将一整个页面分割成多个组件形式,这样也方便后续的维护,但由于 Nuxt 会为 ~/pages/
目录中的每个页面自动创建路由,这会导致在pages
目录中的新建的components
目录中的组件代码也会被生成页面路由,并且是可以通过路由地址进行访问的,没有使用到的components
组件代码也会被进行打包,这显然不是我们想要的效果,顺带记录下解决方法。
由于个人比较喜欢使用 Naive UI,在使用 Nuxt 过程中也是引入了该组件,由于该组件库提供的 Nuxt 模块 nuxtjs-naive-ui 长时间没更新导致在最新的 Nuxt 中使用在页面刷新的时候组件样式会存在延迟滞后加载问题,导致体验非常糟糕,搜索一番后前人已经给出了解决方法,顺便再次记录下。