dvcp_v2_webapp/examples/router/autoRoutes.js

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

export default {
  routes: () => store.state.apps,
  init() {
    //约束正则式
    store.commit("cleanApps")
    // 自动化本工程应用
    waiting.init({innerHTML: '应用加载中..'})
    let startTime = new Date().getTime()
    /**
     * require.context 的路径变量范式只能为静态字符串
     */
    switch (process.env.VUE_APP_SCOPE) {
      case 'dv':
        this.esm = {
          packages: require.context('../../packages/bigscreen', true, /\.(\/.+)\/App[A-Z][^\/]+\.vue$/, 'lazy')
        }
        break
      case 'fengdu':
        this.esm = {
          project: require.context('../../project/fengdu', true, /\.(\/.+)\/App[A-Z][^\/]+\.vue$/, 'lazy')
        }
        break
      case 'ai':
        this.esm = {
          project: require.context('../../project/ai', true, /\.(\/.+)\/App[A-Z][^\/]+\.vue$/, 'lazy')
        }
        break
      case 'oms':
        this.esm = {
          project: require.context('../../project/oms', true, /\.(\/.+)\/App[A-Z][^\/]+\.vue$/, 'lazy')
        }
        break
      default:
        this.esm = {
          packages: require.context('../../packages/', true, /\.(\/.+)\/App[A-Z][^\/]+\.vue$/, 'lazy'),
          project: require.context('../../project/', true, /\.(\/.+)\/App[A-Z][^\/]+\.vue$/, 'lazy')
        }
    }
    console.log('模块引用用了%s秒', (new Date().getTime() - startTime) / 1000)
    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))).catch(console.error)
  }
}