基于远端模块的前端微服务

// 不再关心 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