Vue篇

优化策略

1 生成打包报告

可视化ui面板可以通过控制台和分析

修改webpack的默认配置

vue.config.js做自定义配置

指定不同的打包入口

### 2 第三方库启动CDN
webpack的externals节点


### 3 Element-UI组件按需加载

### 4 路由懒加载
当打包构建项目时，js包会变得非常大，影响页面加载，如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问时候才加载对应组件，这样就更高效了
### 5 首页内容定制 

## 项目上线相关配置

1、通过node创建web服务器

2、开启gzip配置
#### 开启gzip配置

npm install compression -D const compression = require('compression'); 启用中间件 app.use(compression()) 3、配置https服务

4、使用pm2管理应用