前端工程化-Genebox小程序端Monorepo架构改造

Posted 2021-12-05 Songlcy

工具

yarn workspace + lerna 

yarn workspace 管理依赖，lerna负责更新发布

功能模块

授权

用户相关，登录....

唾液盒绑定

唾液盒切换

唾液盒检测进度

地址编辑

下单

回寄

协议

网页WebView相关

配置

路由

拆包

package.json

commitlint

husky

tsconfig

根据目前的项目状况，设计如下：

package 入口统一为 index.js

package 源码入口统一为 src/index.js

package 编译入口统一为 dist/index.js

package 注入 LOCAL_DEBUG 环境变量， 在index.js 中区分是调试还是发布环境，调试环境 ruquire(./src/index.js) 保证所有源码可调试。发布环境 ruquire(./dist/index.js) 保证所有源码不被发布。

引用不同lerna模块下的页面路由方式规则：

主入口路由命名规则：@pkg/pages/login

分包入口路由命名规则：@pkg/list/index

为支持在Taro编译时支持 Lerna 不同模块的引入，通过修改 MiniPlugin.js 源码 patch 补丁方案来解决 

路径统一为从 /node_modules/引入。

• apply(compiler) :