一个复杂的系统，由多个单页面应用组成，如何把这多个单页面应用的公共JS提取出来呢？

Question

公司一个主要的系统，打算重新编写成为单页面，因为原系统比较复杂，所以分功能模块来一部分一部分地重构成单页面，最后就是多个单页面应用组成的系统。现在主要的问题是，我如何把这些不同的单页面应用（webpack）打包后中的公共JS提取出来呢？主要是用vue-cli。举个例子：现在要把系统中的积分模块（SPA01）,和订单模块（SPA02）分别重构成单页面，都用到了vuevue-routervuexaxios，那么当SPA01和SPA02两个单页面应用打包时，我希望可以生成一个只包含公共库（vuevue-routervuexaxios），就另外放在系统中的一个静态目录中，SPA01和SPA02都是引用这个公共的JS，不用重复加载这些公共的库。希望各位大神们可以给个解决方法。

Answer 1

Webpack多入口即可。Vue-cli生成项目中改下webpack配置，一个应用一个入口