首頁猿問 vue...

vue 大型單頁面項目開發(fā)時編譯非常慢，有什么手段可以提高編譯效率？已開啟HMR

JavaScript Vue.js

不負相思意 2018-07-23 19:46:39

VUE+webpack+element-ui單頁面后臺管理項目；頁面數(shù)量在200個左右；接口數(shù)量800+；引入多種第三方插件包括swiper、echart、lodash、quill-edit、qiniu-js、mock等；項目在開發(fā)過程中對code的修改會觸發(fā)頁面刷新（熱更新），異常緩慢，編譯時間超過30s后來使用HMR（熱替換），無法解決該問題；具體情況是：在編輯器編輯保存code>頁面等待HMR響應(yīng)>頁面無動作三十多秒>接受到HMR的update數(shù)據(jù)>熱替換。請教大佬有沒有什么手段來優(yōu)化該問題？敬候

查看完整描述

2 回答

慕森王

TA貢獻1777條經(jīng)驗獲得超3個贊

HappyPack + DllPlugin

反對回復(fù) 2018-07-29

冉冉說

TA貢獻1877條經(jīng)驗獲得超1個贊

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

反對回復(fù) 2018-07-29