如何实现Vue3.0路由自动导入的实例化操作？

本文共计900个文字，预计阅读时间需要4分钟。

一、前情提示我们使用的是 `require.context` 方法来导入依赖，但在 Vite 创建的项目中使用时，会出现 require not found 错误。因此，需要使用 webpack 来构建项目。或者，可以探讨 Vite 如何解决这个问题的方法。

二、规则我们使用 require.context 方法来动态导入模块。

一、前提

我们使用的是require.context方法导入，在vite创建的项目内使用会报错"require not found"，所以必须用webpack创建项目。或者有大能可以说说vite怎么解决这个问题。

二、规则

我们使用的规则是，搜索src/views/路径下的所有目录和子目录，搜索文件名叫做"index.vue"的文件，使用上级目录的名字作为组件名，进行注册。结构如下：

和公共组件注册一样，我们只注册index.vue组件，其他名称的组件不进行注册。