9ff89c19f3
- 在主路由中添加 mainEntry组件作为主入口 - 在主入口下添加所有扫描路由作为子路由 - 添加 404 页面作为未匹配路由的处理- 修改 mainEntry 组件，使用 router-view 替代动态组件
96 lines
3.6 KiB
JavaScript
96 lines
3.6 KiB
JavaScript
const axios = require('axios')
|
||
const {fsExtra, copyFiles, findApp, chalkTag, fs} = require("./tools");
|
||
const compiler = require('vue-template-compiler')
|
||
const getBuildConfig = id => {
|
||
axios.post('http://192.168.1.87:12525/node/custom/detail', null, {params: {id}}).then(res => {
|
||
if (res?.data) {
|
||
const config = res.data.data
|
||
fsExtra.outputJson('src/config.json', config.extra)
|
||
createPages(config)
|
||
}
|
||
})
|
||
}
|
||
const getAppInfo = (file, apps) => {
|
||
if (/[\\\/](App[A-Z][^\\\/]+)\.vue$/g.test(file)) {
|
||
const name = file.replace(/.+[\\\/](App[^\\\/]+)\.vue$/, '$1'),
|
||
source = fs.readFileSync(file).toString(),
|
||
parsed = compiler.parseComponent(source),
|
||
script = parsed.script?.content || "",
|
||
label = script.match(/label:[^,]+/)?.[0]?.replace(/.+["']([^"']+).+/, '$1')
|
||
const paths = file.split(/[\\\/]/)
|
||
apps.push({
|
||
id: file.replace(/\.vue$/, '').replace(/[\\\/]/g, '_'),
|
||
label: label || name,
|
||
path: `/${file.replace(/\.vue$/, '').replace(/[\\\/]/g, '/')}`,
|
||
workspace: paths.at(0),
|
||
esm: file.replace(/[\\\/]/g, '/').substring(4),
|
||
name
|
||
})
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 根据配置生成应用路由
|
||
* @param {Object} config - 配置对象，用于定制化路由生成过程
|
||
* @returns {Promise} - 返回一个Promise对象，表示路由生成完成
|
||
*/
|
||
const createRoutes = (config = {}) => {
|
||
// 初始化路由数组
|
||
const routes = []
|
||
// 获取签到页面的路径，如果未指定，则使用默认路径
|
||
let signPage = '../views/sign'
|
||
if (config.extra?.signPage) {
|
||
const sign = config.extra.signPage
|
||
signPage = `../apps/custom/${sign}/${sign}`
|
||
}
|
||
|
||
// 查找并处理所有应用，将它们的信息添加到路由中
|
||
return findApp("src/apps", app => getAppInfo(app, routes)).then(() => {
|
||
// 生成并输出apps.js文件，定义所有应用的路由
|
||
fsExtra.outputFile('src/utils/apps.js', `export default [
|
||
{path: "/login", name: "登录", component: () => import('${signPage}')},
|
||
{path: '/dv', name: '数据大屏入口', component: () => import('../views/dvIndex')},
|
||
{path: '/v', name: 'Home', component: () => import('../views/home'), children: [
|
||
{path:'/',name:'mainEntry', component:()=>import('../views/mainEntry'),children:[
|
||
${routes.map(e => {
|
||
// 解构每个路由的属性，用于生成路由配置
|
||
const {name, label, esm} = e
|
||
// 生成单个路由配置的字符串表示
|
||
return `{name:"${name}",label:"${label}",path:"${name}",component:()=>import("../${esm}")}`
|
||
}).join(',\n')},
|
||
{path: '*',name: '404',component: ()=>import('../views/building')},
|
||
]}
|
||
]},
|
||
{path: '/', name: "init"},
|
||
|
||
]`)
|
||
// 扫描完毕，使用chalkTag标记任务完成
|
||
chalkTag.done("扫描完毕")
|
||
})
|
||
}
|
||
|
||
const createPages = (config = {}) => {
|
||
fsExtra.emptyDir("src/apps", err => {
|
||
if (!err) {
|
||
const {customPath, appList} = config
|
||
const stdApps = {}
|
||
appList.filter(e => !/project/.test(e.id))?.forEach(e => {
|
||
const paths = e.libPath.split('/').filter(Boolean) || []
|
||
paths.pop()
|
||
stdApps[paths.join("/")] = 1
|
||
})
|
||
Promise.all([
|
||
copyFiles("src/apps/core", "packages/core"),
|
||
copyFiles("src/apps/custom", `project/${customPath}`),
|
||
...Object.keys(stdApps).map(e => copyFiles(`src/apps/${e.replace(/^packages[\\\/]/, '')}`, e)),
|
||
]).then(() => createRoutes(config)).then(() => fsExtra.ensureFile("src/apps/actions.js"))
|
||
}
|
||
})
|
||
}
|
||
|
||
const start = () => {
|
||
const buildId = process.argv[2] || process.env.VUE_APP_OMS_ID || 'f670cc46-7cf7-4a0f-86ee-3077044c0b17'
|
||
getBuildConfig(buildId)
|
||
}
|
||
start()
|