vue里怎么批量注册自定义指令和过滤器？

Question

比如每个自定义指令或者过滤器都是放在一个js文件里，把每个都import进来注册，少了还好，多了就很难看了，还麻烦。

我知道批量注册全局自定义组件的时候有使用require.context遍历文件名引入的方式，很方便。

请问自定义指令和过滤器有类似的方法来自动批量注册吗？求教

Answer 1

// directive.js

import Permission from './permission'
import Copy from './Copy'

const directives = [
  Permission,
  Copy
]

export default {
  install(app) {
    directives.map(item => item.install(app))
  }
}

// main.js

import directive from '@/directive'
const app = createApp(App)
// 挂载全局指令
app.use(directive)
app.mount('#app')