vue批量注册
vue批量注册组件
在components新建index.js文件
import Vue from 'vue'
// 使用 webpack 读取文件
// 这段代码表示 读取 ./目录下 且不加载子目录 找到 .vue 的文件
const importCom = require.context('./', false, /\.vue/)
importCom.keys().forEach((item) => {
// 获取的是 每一个组件暴露出来的对象
const defaultObj = importCom(item).default
// 循环注册组件
Vue.component(defaultObj.name, defaultObj)
})
批量注册过滤器
import Vue from 'vue'
const context = require.context('./modules', false, /^\.\/\w+\.js$/)
context.keys().forEach(item => {
const [, name] = /^\.\/(\w+)\.js$/.exec(item)
Vue.filter(name, context(item).default)
})