nextprops/vue-hot-swap

基于vue + webpack的简化版微前端探索与实践

基于vue + webpack的简化版微前端探索与实践

online-demo

构想

为toB业务线,提供一个简化版的微前端解决方案.通过基座+模块的灵活组合方式,根据特定业务形态下的需求,产出前端工程. (仅供学习交流)

特点

基座 + 业务模块的灵活组合

生产环境模块热插拔

原理

1. umd方式打包模块
2. loadJS加载模块

开发环境

安装依赖

yarn config set registry https://registry.npm.taobao.org -g
yarn

构建第三方依赖

npm run dll

运行

npm run dev

生产环境

构建第三方依赖

npm run dll

npm run build

单独打包架构

npm run core

单独打包基座

npm run frame --name="xxx"

单独打包业务模块/物料

npm run material --name="xxx"

通过dist/map.js中的文件名加载对应的模块,需要对应.