一个目录下有3个文件夹,怎么使用require.context导入其中两个文件下的vue文件,并注册为全局组件
时间: 2024-03-27 21:37:50 浏览: 90
Vue 实现创建全局组件,并且使用Vue.use() 载入方式
可以使用如下代码来实现:
```javascript
const files = require.context('./目录名', true, /\.vue$/)
files.keys().forEach(key => {
if (key.includes('/文件夹1/') || key.includes('/文件夹2/')) {
const name = key.split('/').pop().replace(/\.\w+$/, '')
const component = files(key).default
Vue.component(name, component)
}
})
```
其中,需要将`目录名`替换为实际的目录名,`文件夹1`和`文件夹2`替换为需要导入的文件夹名。如果需要导入所有文件夹下的文件,则可以省略掉`if`条件判断。
阅读全文