dvcp_v2_webapp/examples/router/autoRoutes.js

import store from "../store";
import {waiting} from "../utils";
import appEntry from "../views/appEntry";
import router from "./router";
// import mods from "../modules"

export default {
  routes: () => store.state.apps,
  init() {
    //约束正则式
    store.commit("cleanApps")
    // 自动化本工程应用
    waiting.init({innerHTML: '应用加载中..'})
    this.esm = {
      all: {
        packages: require.context('../../packages/', true, /\.(\/.+)\/App[A-Z][^\/]+\.vue$/, 'lazy'),
        project: require.context('../../project/', true, /\.(\/.+)\/App[A-Z][^\/]+\.vue$/, 'lazy')
      },
      dv: {
        packages: require.context('../../packages/bigscreen', true, /\.(\/.+)\/App[A-Z][^\/]+\.vue$/, 'lazy')
      }
    }[process.env.VUE_APP_SCOPE || "all"]
    const startTime = new Date().getTime()
    this.loadApps().finally(() => {
      console.log('模块加载用了%s秒', (new Date().getTime() - startTime) / 1000)
      waiting.close()
    })
  },
  loadMods() {
    // return Promise.all(mods.apps.map(e => {
    //   Vue.component(e.name, this.esm[e.workspace](e.esm))
    //   const addApp = {...e, component: appEntry}
    //   waiting.setContent(`加载${e.name}...`)
    //   //命名规范入口文件必须以App开头
    //   return store.commit("addApp", addApp)
    // }))
  },
  loadApps() {
    //新App的自动化格式
    const promise = (mods, base) => Promise.all(mods.keys().map(path => mods(path).then(file => {
      if (file.default) {
        const {name, label} = file.default
        const addApp = {
          name: [base, path.replace(/\.\/?(vue)?/g, '')?.split("/")].flat().join("_"),
          label: label || name,
          path: `/${base}${path.replace(/\.(\/.+\/App.+)\.vue$/, '$1')}`,
          component: appEntry,
          esm: file.default
        }
        waiting.setContent(`加载${name}...`)
        router.addRoute(addApp)
        //命名规范入口文件必须以App开头
        return store.commit("addApp", addApp)
      } else return 0
    }).catch(err => console.log(err))))
    return Promise.all(Object.entries(this.esm).map(([root, mods]) => promise(mods, root)))
  }
}