1、路由懒加载

import Home from '@/components/Home'

批改为

const Home = () \=> import('@/components/Home')

2、开启gzip性能

关上/config/index.js文件

productionGzip: true,

装置

npm install --save-dev compression-webpack-plugin

如果报错

npm install --save-dev compression-webpack-plugin@1.1.11

后盾也须要配置，咱们后盾是nginx

nginx.conf配置文件中批改

http {    gzip on;    gzip_disable "msie6";    gzip_vary on;    gzip_proxied any;    gzip_comp_level 8;    gzip_buffers 16 8k;    gzip_min_length 100;    gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript;    }

重启

   systemctl reload nginx.service   systemctl restart nginx.service

3、插件模块组件按需加载

element-ui，iView等模块用的哪个模块的时候导入

这里遇到vue-echarts插件问题，没有做路由模块懒加载的时候，只须要如下

import Echarts from 'vue-echarts'Vue.components('chart', Echarts)

然而做了模块懒加载当前，就会报错，说是没有引入统计图的模块
作如下改变

import 'echarts/lib/chart/bar'import 'echarts/lib/chart/line'import 'echarts/lib/chart/pie'import 'echarts/map/js/china'...const ECharts = () => import('vue-echarts')Vue.component('chart', ECharts)