可以采用webpack里的require.context(directory,includeSubdirs,filter,mode)方法 https://webpack.js.org/api/module-methods/#requirecontext，來實現(xiàn)：

image.png

image.png

// 懶加載
const requireAllVueComponents = require.context('../components/autoRouter', true, /\.vue$/, 'lazy');
// 非懶加載
// const requireAllVueComponents = require.context('../components/autoRouter', true, /\.vue$/);
const routerList = [];

requireAllVueComponents.keys().forEach((allVueComponentItem) => {
  // console.log(allVueComponentItem, 'allVueComponentItem')
  // (function (allVueComponentItem) {
  const completeName = allVueComponentItem.match(/\w+\.vue$/, '')[0];
    // 文件名尾部有數(shù)值的情況下 自動注入路由
    // 尾部數(shù)值為1表示超管權(quán)限 2表示管理員 3 表示普通用戶
  if (completeName.match(/\d\.vue$/g)) {
    const routerObj = {};
    let permissionNum = 0;
    routerObj.path = allVueComponentItem.replace(/\./, 'autoRouter').replace(/\d\.vue$/, '/:id')
    routerObj.name = completeName.replace(/\d\.vue$/, '');
    // console.error('allVueComponentItem.replace(/\\.\\//, \'../components/點點滴滴/\')', allVueComponentItem.replace(/\.\//, '../components/autoRouter/').replace(/\.vue$/, ''))
    // const componentName = allVueComponentItem.replace(/\.\//, '../components/autoRouter/').replace(/\.vue$/, '');
    // console.error('componentName', componentName)
      // routerObj.allVueComponentItem = allVueComponentItem
      // console.error('completeName', completeName)
    // 一、懶加載的實現(xiàn)
    // routerObj.component = () => requireAllVueComponents(allVueComponentItem)
    routerObj.component = () => requireAllVueComponents(allVueComponentItem).default || requireAllVueComponents(allVueComponentItem)


    // 二、非懶加載--同步的實現(xiàn)
    // routerObj.component = requireAllVueComponents(allVueComponentItem).default || requireAllVueComponents(allVueComponentItem)

    routerList.push(routerObj)
  }
})

再將routerList 放置在routes里即可

const router = new Router({
  routes: [...routerList]
})

另一個用途：
https://cn.vuejs.org/v2/guide/components-registration.html#%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6%E7%9A%84%E8%87%AA%E5%8A%A8%E5%8C%96%E5%85%A8%E5%B1%80%E6%B3%A8%E5%86%8C