首頁(yè) 猿問(wèn) vue...

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

JavaScript Vue.js

不負(fù)相思意 2018-07-23 19:46:39

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

查看完整描述

2 回答

慕森王

TA貢獻(xiàn)1777條經(jīng)驗(yàn) 獲得超3個(gè)贊

HappyPack + DllPlugin

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

冉冉說(shuō)

TA貢獻(xiàn)1877條經(jīng)驗(yàn) 獲得超1個(gè)贊

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

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