例如,在form文件夾下有許多流程類表單,一個一個注冊引入非常浪費時間,可使用webpack的require.context方法來自動導入
import { firstToUpper } from '@/utils/methods'const taskTable = {install: vue => {const req = require.context('../form', true, /\.vue/)req.keys().forEach(item => {let moduleName = item.match(/\/(\S*)\./)[1]moduleName = moduleName.split('/')moduleName = firstToUpper(moduleName[0]) + moduleName[1]const module = req(item).defaultvue.component(moduleName, module)})}
}
export default taskTable
然后在main.js中調用
Vue.use(taskTable)