一個(gè)基于vue-cli webpack2模板創(chuàng)建的項(xiàng)目.項(xiàng)目中使用到了vue+vue-router+axios+muse-ui+iview
現(xiàn)在構(gòu)建一次需要的時(shí)間大概是40s左右.真心受不了.雖然在開發(fā)過程中,我們不太需要關(guān)心構(gòu)建時(shí)間.但是如果在開發(fā)hybridApp時(shí),構(gòu)建的次數(shù)就會(huì)增多.
一般我們可以把項(xiàng)目分為三部分.
| 分類 | 說明 | 變動(dòng)頻率 |
|---|---|---|
| vendor_library | 核心庫 | 低 |
| vendor | 一般項(xiàng)目依賴 | 中等 |
| code | 業(yè)務(wù)邏輯 | 高 |
vendor_library:比如vue,vue-router,axios 這些變動(dòng)頻率極低的文件可以利用 DllPlugin 和 DllReferencePlugin 進(jìn)行預(yù)編譯.
vendor,code在開發(fā)階段,每次構(gòu)建都需要編譯.但是一旦完成該次開發(fā)任務(wù),應(yīng)該調(diào)整vendor 是否加入vendor_library.
BundleAnalyzerPlugin 的插件使用
BundleAnalyzerPlugin 是分析 Webpack 生成的包體組成并且以可視化的方式反饋給開發(fā)者的插件。
vue已經(jīng)默認(rèn)集成了該插件. 如果你運(yùn)行 npm run build 主站蜘蛛池模板： 通河县| 鹿泉市| 江陵县| 策勒县| 泸定县| 岐山县| 互助| 西林县| 静海县| 阿城市| 巴塘县| 南澳县| 兴文县| 项城市| 辉南县| 富蕴县| 宜宾县| 都昌县| 逊克县| 明溪县| 砚山县| 涟水县| 从化市| 务川| 河间市| 卢龙县| 广西| 塘沽区| 鹤岗市| 略阳县| 忻州市| 历史| 广宁县| 忻城县| 绥化市| 沭阳县| 达孜县| 睢宁县| 巴彦县| 镇坪县| 潜山县|