基于远端模块的前端微服务
// 不再关心 css 隔离 和 js 隔离
// 只是使用规范和约束来保证正常运行
实质是解决普通 SPA 的两个问题:打包,更新
目标:
- 独立部署模块 // 只 re-load 发布的模块
- 保证开发效率 // 只 re-build 当前开发模块
- 保证加载效率 // 以原生速度加载执行一次
方案:
- SPA
- multi-entry
- 从 manifest 加载远端模块 // jspm & import-map / systemjs
- config // 使用开发服务时只加载关心的模块
- 样式内嵌在模块中 // 保持加载简单
开发流程:
- npm run start:pageA // 开始开发
- npm run build:pageA
- npm run publish