Vue CLI多模块独立打包项目结构
多模块独立打包的项目结构，挺适合做大型系统的模块化开发。每个模块打包后能单独跑，前端的自由度也高。尤其你做过系统 A 的某个模块，B 系统要用，直接打包带走，效率贼高。
基于 vue-cli 的搭建方式，按模块拆分项目结构，打包的时候可以只打指定模块，产物就是多个能独立运行的子目录。说白了，就是多个小前端，每个自己玩自己的，互不打扰。
优点嘛，挺多：部署灵活、互不影响、适配多系统，你要是搞个微前端项目，这种结构简直太适合。
也有坑。像 资源复用 不行，重复资源容易冗余；还有要用 iframe 来拼装页面，对 cookie、安全策略 也得操点心。想嵌组件，调交互，还得小心别把事情搞复杂。
想上手的话，可以看下这个 vue-cli 多模块打包示例代码，结构清晰，挺适合做参考的。
如果你项目要做成插件式的架构，又不想一锅端，用这个思路还蛮香的。搭配你自己的业务需求来组装，灵活度高，维护起来也省心。
文件大小：105.12KB
评论区