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
<