vue-cli打包後vendor.js文件太大怎麼辦

vendor.js通常是將全部引用的庫打包在了一塊兒，首先就須要肯定是哪些庫文件太大，能夠參考 vue打包優化分析工具

接下來以提取 vue.js 爲例：

1. 下載 vue.min.js 放在 /static/ 目錄下，並在 index.html 中引入 （或引入cdn路徑也行）
2. package.json 中配置的 vue 就不須要了，刪掉
3. /build/webpack.base.conf.js 文件中添加 vue 的映射

module.exports = {
  externals: {
    // '包名': '全局變量名'
    'vue': 'Vue'
  }
}

包名：即經過 npm install vue 時使用的名字
全局變量名：可創建一個html文件，script引入對應js，而後瀏覽器打開，在控制檯輸入包名，出現的智能提示即爲全局變量名（若js文件較小，可直接粘貼到控制檯，回車後在控制檯輸入包名，出現的智能提示即爲全局變量名）