學(xué)習(xí)webpack過程中遇到了一些問題，假設(shè)現(xiàn)在做的一個(gè)vue單頁應(yīng)用只有 a、b、c 三個(gè)頁面，

// 三個(gè)頁面都是異步加載進(jìn)來的
const Routers = [
    {
        path: '/a',
        component: (resolve) => require(['./views/a.vue'], resolve)
    },
    {
        path: '/b',
        component: (resolve)=>require(['./views/b.vue'],resolve)
    },
    {
        path: '/c',
        component: (resolve)=>require(['./views/c.vue'],resolve)
    }
];

根據(jù) vue-cli 的 webpack 模板它會(huì)把第三方庫包打包成一個(gè) vendor.js ,把運(yùn)行時(shí)打包成一個(gè) manifest.js，然后自己的業(yè)務(wù)代碼打包成單獨(dú)的一個(gè)文件。

現(xiàn)在的問題是，假設(shè) c.vue 這個(gè)頁面訪問的相對(duì)會(huì)比較少，但是只有它要引用到jquery，

打包的時(shí)候 jquery 會(huì)被打包進(jìn) vendor.js 里面，

a.vue 與 b.vue 兩個(gè)頁面沒有使用到 jquery，

訪問 index.html 的時(shí)候，會(huì)加載 vendor.js ， 但是如果用戶根本就不需要去訪問 c 頁面，這種情況下被打包進(jìn) vendor.js 的 jquery 好像就根本沒有利用率不需要被打包進(jìn)去一樣。

一般大家是怎么解決這個(gè)問題的呢？