使用Vue開發(fā)的項目在用Webpack打包之后vender和app這兩個js文件可能很大，而且有很多的map文件，其體積也不小，那么如何優(yōu)化打包后體積呢？

創(chuàng)新互聯(lián)公司2013年開創(chuàng)至今，先為勐臘等服務(wù)建站，勐臘等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為勐臘企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

引入cdn

在webpack.base.conf.js文件中添加打包排除項：

externals: {
    'vue': 'Vue',
    'echarts': 'echarts',
    'axios': 'axios',
    'vuex': 'Vuex'
  },

然后去掉main.js中的導(dǎo)入，在index.html添加BootCDN的鏈接：

關(guān)閉SourceMap生成

在config/index.js中設(shè)置：

cssSourceMap: false,
productionSourceMap: false,
productionGzip: true,

路由懶加載

component: (resolve) => require(['../components/Index.vue'], resolve)