vue首屏加载优化

vue首屏加载难免会有过慢的问题

解决方法可以有下面几点

1.固定模块，可以使用CDN

Axios、Element-ui这些基本上不会改变的依赖我们可以把它们用cdn导入，没有必要打包到vendor.js中。

1)在项目根目录index.html使用cdn节点导入

注意：引入的版本需要跟自己使用的版本兼容或相同

<!-- 引入组件库 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/element-ui/2.4.0/index.js"></script>

2)项目根目录下build/webpack.base.config.js中添加externals

externals: {
    'element-ui': 'element-ui',
    'axios':'axios',
}

2.开启gzip压缩支持

在项目config/index.js中可以开启gzip压缩，对打包优化也有很大的帮助
1)首先安装插件 compression-webpack-plugin

	npm install compression-webpack-plugin —save-dev 

2)设置productionGzip: true

<