vue项目优化

1.开启gzip

需安装npm install --save-dev compression-webpack-plugin@1.1.12
productionGzip:true

nginx也需开启gzip

gzip  on;
gzip_types text/plain application/x-javascript application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;

2.多余map去掉

config文件夹下index.js文件

productionSourceMap:false//改为false,默认true 关闭源码

3.路由异步懒加载

路由懒加载简单来说就是访问到当前页面才会加载相关资源，提高页面加载速度。

 {
  path: '/login', name: 'login',
  component: resolce => require(['@/pages/login'], resolve)
 }

4.组件按需引入

哪个页面用到，在哪个页面引入

5.图片压缩

图片压缩网站 (opens new window)