鍍金池/ 問答/網(wǎng)絡安全  HTML/ 一個復雜的系統(tǒng),由多個單頁面應用組成,如何把這多個單頁面應用的公共JS提取出來呢

一個復雜的系統(tǒng),由多個單頁面應用組成,如何把這多個單頁面應用的公共JS提取出來呢?

公司一個主要的系統(tǒng),打算重新編寫成為單頁面,因為原系統(tǒng)比較復雜,所以分功能模塊來一部分一部分地重構成單頁面,最后就是多個單頁面應用組成的系統(tǒng)?,F(xiàn)在主要的問題是,我如何把這些不同的單頁面應用(webpack)打包后中的公共JS提取出來呢?主要是用vue-cli。舉個例子:
現(xiàn)在要把系統(tǒng)中的積分模塊(SPA01),和訂單模塊(SPA02)分別重構成單頁面,都用到了vuevue-routervuexaxios,那么當SPA01和SPA02兩個單頁面應用打包時,我希望可以生成一個只包含公共庫(vuevue-routervuexaxios),就另外放在系統(tǒng)中的一個靜態(tài)目錄中,SPA01和SPA02都是引用這個公共的JS,不用重復加載這些公共的庫。希望各位大神們可以給個解決方法。

回答
編輯回答
互擼娃

Webpack多入口即可。Vue-cli生成項目中改下webpack配置,一個應用一個入口

2018年7月1日 14:31
編輯回答
赱丅呿

既然是一個系統(tǒng)一個應用分開做,那就先合并再打包好了

2018年2月26日 07:35
編輯回答
吃藕丑

沒必要一個模塊都做成一個spa,整個模塊做成一個Spa,就不存在這個問題了。
vue-cli本身的配置就可以在打包的時候把公共模塊打包出來,不需要額外操作。
要是最后打包的js文件太大,可以用webpack的按需加載拆分。

2018年6月3日 12:39
編輯回答
裸橙

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

2018年3月14日 05:39
編輯回答
陌離殤

配置webpack多入口,按需打包就行了,輸出配置文件時引用同一個文件或引用同一部分文件。

2018年9月3日 05:02