通过 CDN 引入 比较大的一些包 ：

1、把不常改变又很大的库放到index.html中，通过cdn引入，：

<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.5.13/vue.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/vue-router/3.0.1/vue-router.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/view-design/4.2.0/iview.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.1.0/echarts.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/xlsx/0.15.5/xlsx.min.js"></script>
    <link href="https://cdn.bootcdn.net/ajax/libs/view-design/4.2.0/styles/iview.min.css" rel="stylesheet">

2：找到build/webpack.base.conf.js文件，添加代码：

module.exports = { 
     externals: {
        'vue': 'Vue',
        'vue-router': 'VueRouter',
        'echarts':'echarts',
        'base64':'base64',
        "view-design": 'iview',
        "iview": 'ViewUI',
        'xlsx':'XLSX',
      }

}

这样webpack就不会把vue.js, vue-router, element-ui库打包了。

一般经过以上操作就文件大小已经缩小百分之七八十了；

如果还想再做进一步的优化，可以用到 Vue 路由懒加载，，Vue开启gzip压缩文件, 等等，有兴趣可以去了解哈，这里就不详细说明了。