vue前端多个项目之间有共用模块，该如何架构和打包？

Question

需求是有A项目、B项目两个系统项目（或者还有C、D项目），他们共用的模块占70%，各自私有的占30%。现在当然那70%相同的代码不想写多遍。

A项目（有0,1,2,3,4,5模块）
B项目（有2,3,4,5,6,7模块）
共用的就是2 3 4 5模块。共用模块不管在A项目还是B项目样式和接口都是一样的。

我第一种思路是就写三个项目，A、B、共用。但A项目和共用项目如何无缝衔接呢？
第二种就是A、B、共用代码都写在一个项目里，部署A项目的时候只打包A私有和公有的代码，部署B项目的时候打包B项目和共用的代码。这样可以实现吗？

Answer 1

第二种可以实现，原理跟你打包单页面应用是一样的，部署b，打包的时候就入口只用b就好，a的时候入口就用a。

Answer 2

公用模块单独打包成npm即可（可私有或者公有），A和B依赖这个公用模块即可

Answer 3

把公用模块封装成公共UI组件，用webpack打包，直接在使用到的地方引用。参考地址:https://www.webpackjs.com/gui...

Answer 4

vue多页配置，不过会公用chunks文件。比如A页面用了router，B页面没用。打包后A、B都有router