最近做的vue.js項(xiàng)目和之前公司的angular項(xiàng)目對(duì)比了一下（之前公司angular項(xiàng)目參與較少，所以只是通過(guò)訪問(wèn)之前公司的網(wǎng)站，對(duì)比看了一下http請(qǐng)求），發(fā)現(xiàn)一些問(wèn)題：

注：之前公司采用angularjs，目前公司采用vue.js技術(shù)，所以以下直接簡(jiǎn)稱angular項(xiàng)目和vue項(xiàng)目

angularjs項(xiàng)目：
1、http請(qǐng)求最大返回體積為100kb左右（稍大一點(diǎn)的圖片不算）；
2、點(diǎn)擊每一個(gè)不同的菜單，都有新的http請(qǐng)求，且狀態(tài)為200（說(shuō)明不是緩存）；
3、請(qǐng)求數(shù)量相對(duì)較多（首頁(yè)70個(gè)請(qǐng)求左右）；
特點(diǎn)：請(qǐng)求多，單文件（請(qǐng)求）體積小

vue項(xiàng)目：
1、最大請(qǐng)求文件為app.xxx.js，開(kāi)啟gzip壓縮后1.3mb，為開(kāi)啟的話3.xmb;
2、點(diǎn)擊不同請(qǐng)求，發(fā)現(xiàn)只有少量較大（webpack設(shè)置的）的圖片和api請(qǐng)求；
3、請(qǐng)求數(shù)量非常少，首頁(yè)不到10個(gè)請(qǐng)求，其他一級(jí)菜單幾乎都沒(méi)有css和js文件加載；
主要體現(xiàn)打包（肯定也壓縮了）
特點(diǎn)：請(qǐng)求少，單文件體積較大

通過(guò)比較可以發(fā)現(xiàn)如下問(wèn)題：
vue.js（配置的webpack）幾乎把所有資源（xxx.vue、js、css）都打包到一起了（app.xxx.js）了；
沒(méi)有按需加載（希望可以按功能），點(diǎn)擊不同的菜單，菜單下對(duì)應(yīng)的（xxx.vue、js、css）加載，點(diǎn)擊已經(jīng)下載的菜單資源，才緩存。

是否可以按照指定的方式來(lái)打包壓縮呢？
1、寧愿多一點(diǎn)請(qǐng)求，解決單個(gè)文件太大導(dǎo)致加載時(shí)間太長(zhǎng)的問(wèn)題；
2、按需加載，減少不必要的浪費(fèi)；