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

鍍金池/ 問答/HTML/ vue 大型單頁面項(xiàng)目開發(fā)時(shí)編譯非常慢,有什么手段可以提高編譯效率?已開啟HMR

vue 大型單頁面項(xiàng)目開發(fā)時(shí)編譯非常慢,有什么手段可以提高編譯效率?已開啟HMR

VUE+webpack+element-ui單頁面后臺管理項(xiàng)目;

頁面數(shù)量在200個(gè)左右;

接口數(shù)量800+;

引入多種第三方插件包括swiper、echart、lodash、quill-edit、qiniu-js、mock等;

項(xiàng)目在開發(fā)過程中對code的修改會觸發(fā)頁面刷新(熱更新),異常緩慢,編譯時(shí)間超過30s

clipboard.png

后來使用HMR(熱替換),無法解決該問題;具體情況是:在編輯器編輯保存code>頁面等待HMR響應(yīng)>頁面無動作三十多秒>接受到HMR的update數(shù)據(jù)>熱替換。

請教大佬有沒有什么手段來優(yōu)化該問題?

敬候

回答
編輯回答
厭惡我

1.代碼拆分
2.路由按需引入
3.分模塊打包
4.js在使用時(shí)才引入 代碼中減少定時(shí)器
5.使用watch 少用deep:true 比較耗性能

2017年12月7日 04:08
編輯回答
熊出沒

1.頁面有200多個(gè),這些頁面應(yīng)該會有一些共同的地方,或者方法之類的東西,可以通過混合(mixins)或者組件等方法減小總體積。
2.第三方模塊除非必要,不要在main.js里引入,在需要使用的地方來引入。對于需要多次使用的組件,建議在vender.js里注明。
3.不知道你有沒有使用前端路由,如果有使用前端路由,那么建議你使用懶加載的方式注冊模板而不是直接賦值。
暫時(shí)就想到這么多,想到其他的以后再更。

2017年3月27日 18:49
編輯回答
情皺
2017年8月10日 23:34
編輯回答
寫榮

HappyPack + DllPlugin

2018年9月7日 08:48
編輯回答
孤慣

三十秒有點(diǎn)可怕。希望提供詳細(xì)的比如:版本號、配置等!

我猜,你可能在devServer中設(shè)置了hot inline等配置。 且使用了webpack.HotModuleReplacementPlugin()

可以將HotModuleReplacementPlugin移除,應(yīng)該會快很多。具體原因可看 vue-loader熱重載

2017年11月22日 05:57
編輯回答
懷中人

可以考慮其他方向進(jìn)行優(yōu)化
1.把代碼放到固態(tài)硬盤上
2.升級cpu內(nèi)存

2018年6月1日 12:36