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

Question

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

Answer 1

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

Answer 2

既然是一个系统一个应用分开做，那就先合并再打包好了

Answer 3

没必要一个模块都做成一个spa，整个模块做成一个Spa，就不存在这个问题了。
vue-cli本身的配置就可以在打包的时候把公共模块打包出来，不需要额外操作。
要是最后打包的js文件太大，可以用webpack的按需加载拆分。

Answer 4

直接用dll或者commonChunk打公共包呗

Answer 5

配置webpack多入口，按需打包就行了，输出配置文件时引用同一个文件或引用同一部分文件。