请教一个前端工程化的问题

[whhhhhh]

如何将两个前端项目集成到一起 举例报名系统分为给考生用的“报名端”和给考务人员使用的“管理端”， 如何将这两个工程集成到一起 实现部署的时候只部署一个前端构建出来的包，monorepo 能实现吗

[bojackhorseman]

不用 monorepo 也能实现吧

[crz]

写脚本分别部署吧，拼在一起，在一台机器上也是一键部署

[yangblink]

持续集成 写脚本的地方 写好就行了，跟 monorepo 也没啥关系
相当于两个 npm run build ,build 路径都配置好，shell 脚本里处理也行

[bzw875]

webpack 打包 2 个入口/student/app.ts ，/manager/app.ts 。分别输出到 dist/student 、/dist/manager 。
上传 Nginx ，考生访问/student/index.html 、考务人员访问/manager/index.html 。

[sentinelK]

“如何将这两个工程集成到一起 实现部署的时候只部署一个前端构建出来的包”

没有 get 到这个需求的点。如果代码上不改动，是不可能合在一起的。否则他们的主页都叫 index.html ，你怎么处理？

[lukesy]

项目是动不了的,写脚本就行了

[MRG0]

我想的是用一个登录页面，不同角色跳转不同的系统

[WJYuan]

1. webpack 多入口文件 Build
2. Nginx 代理到不同的地址

[learnshare]

多个页面作为入口的话，大概是
https://cn.vitejs.dev/guide/build#multi-page-app
https://webpack.docschina.org/concepts/entry-points/#multi-page-application

[CHTuring]

不需要 monorepo 也能实现，使用 vite 的话比较简单，比如主域名 s.com 那么管理后台是 s.com/admin ，放在同一个文件夹下。

步骤：
1 、配置前台 vite.config.js 中 base 为 '/'
2 、配置后台 vite.config.js 中 base 为 ‘/admin'
3 、脚本运行前台和后台打包命令
4 、脚本复制管理后台 dist 重命名为 admin 到前台构建目录下
5 、配置域名为 s.com

[estk]

nginx 解析不同子目录