这是一个创建于 407 天前的主题，其中的信息可能已经有所发展或是发生改变。
如何将两个前端项目集成到一起 举例报名系统分为给考生用的“报名端”和给考务人员使用的“管理端”， 如何将这两个工程集成到一起 实现部署的时候只部署一个前端构建出来的包，monorepo 能实现吗
 |
1
bojackhorseman 2024-07-26 15:49:32 +08:00
不用 monorepo 也能实现吧
|
 |
2
crz 2024-07-26 15:59:57 +08:00
写脚本分别部署吧，拼在一起，在一台机器上也是一键部署
|
 |
3
yangblink 2024-07-26 16:14:31 +08:00
持续集成 写脚本的地方 写好就行了，跟 monorepo 也没啥关系
相当于两个 npm run build ,build 路径都配置好，shell 脚本里处理也行 |
 |
4
bzw875 2024-07-26 16:22:49 +08:00
webpack 打包 2 个入口/student/app.ts ，/manager/app.ts 。分别输出到 dist/student 、/dist/manager 。
上传 Nginx ，考生访问/student/index.html 、考务人员访问/manager/index.html 。 |
 |
5
sentinelK 2024-07-26 16:26:01 +08:00
“如何将这两个工程集成到一起 实现部署的时候只部署一个前端构建出来的包”
没有 get 到这个需求的点。如果代码上不改动，是不可能合在一起的。否则他们的主页都叫 index.html ，你怎么处理？ |
 |
6
lukesy 2024-07-26 16:27:59 +08:00
项目是动不了的,写脚本就行了
|
 |
7
MRG0 2024-07-26 16:28:05 +08:00
我想的是用一个登录页面，不同角色跳转不同的系统
|
 |
8
WJYuan 2024-07-26 16:31:13 +08:00
1. webpack 多入口文件 Build
2. Nginx 代理到不同的地址 |
 |
9
learnshare 2024-07-26 16:31:48 +08:00
|
 |
10
CHTuring 2024-07-26 16:34:29 +08:00
不需要 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 |
 |
11
estk 2024-07-26 19:19:01 +08:00 via iPhone
nginx 解析不同子目录
|
Select Language