vue.js項目如何按功能菜單打包，實現(xiàn)按需加載？

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

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

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

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

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

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