在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 請教一下webpack多頁面項目公共部分打包的解決方案

請教一下webpack多頁面項目公共部分打包的解決方案

目前我在使用webpack做PC端多頁面打包. 具體配置和網(wǎng)上的差不多. 現(xiàn)在是將 jquery, 框架用的avalon, axios , es6-promise, 全部打包在一個 vendor里. 但是打包完之后文件比較大, 開發(fā)時看不出來速度差別. 上線后vendor放在自己服務(wù)器里, 第一次打開首頁速度出奇的慢, verdor加載最久. 白屏?xí)r間很久.

1.怎么正確使用CDN

我是想把vendor一整個放CDN里, 還是把 jquery ,avalon拆開用公共cdn比較好? 因為avalon和vue一樣如果還沒有實例化的話, 會用css把頁面遮住.感覺做多頁面把所有公共JS放在一個vendor速度反而變慢了.

2. 如果使用CDN, 我需要手動一個個頁面加CDN的script標簽嗎?

一個個手動加, 難免容易出漏子. webpack怎么用html-webpack-plugin去添加我想要的 CDN地址的script標簽?zāi)?還是用publicPath ? 有點迷惑..

回答
編輯回答
大濕胸

1.第三方的資源直接采用cdn的形式鏈接就可以了,公共的js可以采用 new webpack.optimize.CommonsChunkPlugin,其中可以用minChunks來指定公共代碼的引用次數(shù)。
2.你的多頁面應(yīng)該是根據(jù)html-webpack-plugin插件指定某個模版來生成多個html的吧?只要在模版上注入cdn的資源就行了.

2017年7月28日 04:29