有两个需要注意的地方：
1 MessageBox 的引入方式和其他组件不太一样，需要注意。
2给组件统一定制 size 和 zIndex 的方式有所变化。
2. gzip
在前面代码的基础上，我们来通过 gzip 继续压缩。
通过 gzip 来压缩，我们有两种思路。这两种思路和前后端分离的两种不同部署方式有关。
前端编译打包后拷贝到后端，直接部署后端项目即可
前后端分离部署，前端通过 Nginx 来部署（推荐）
使用第一种方式，前端可以不用做额外工作，还是之前编译后的文件。我们在后端 application.yml 中添加如下配置，开启 gzip 压缩：
server:
compression:
enabled: true
配置完成后，重启后端项目，访问项目首页，如下，可以看到文件基本上都被压缩了：
点开一个请求，可以看到 gzip 已经生效了：
可以看到，gzip 的压缩效果立竿见影，很有效。
Nginx 中配置前端的 gzip 压缩，有两种思路：
Nginx 动态压缩，静态文件还是普通文件，请求来了再压缩，然后返回给前端。
Nginx 静态压缩，提前把文件压缩成 .gz 格式，请求来了，直接返回即可。
|
