大家好我是小深，react安装环境搭建，关于react安装antd很多人还不知道，那么现在让我们一起来看看吧！

react安装环境搭建 react安装antd

react安装环境搭建 react安装antd

1、react项目中利用a脚手架，roadhog打包工具打包后只生成了一个index.css和index.js。

2、所有的js文件都打包在了一个index.js文件中，所以这个文件有1.1M。

3、部署到上，首次访问首页加载的会特别慢，这样会流失很多的用户。

4、解决办法：gzip压缩。

5、GZIP编码是一种用来改进WEB应用程序性能的技术。

6、大流量的WEB站点常常使用GZIP压缩技术来让用户感受更快的速度。

7、这一般是指中安装的一个功能，当有人来访问这个中的网站时，中的这个功能就将网页内容压缩后传输到来访的电脑浏览器中显示出来.一般对纯文本内容可压缩到原大小的40%.这样传输就快●4.命令模式了，效果就是你点击网址后会很快的显示出来.当然这也会增加的负载.一般中都安装有这个功能模块的。

8、gzip可以极大的加速网站.有时压缩比率高达80%，近来测试了一下，最少都有40%以上，还是相当不错的.在Apache2之后的版本，模块名不叫gzip，而叫mod_deflate。

9、Nginx开启gzip：在nginx.conf中添加以下配置：2、在开发过程中，我们经常会用到 Ant Design Mobile 这个组件库，在引入组件的同时，往往还需要引入组件的css样式，如果每次都单独引入就比较麻烦，我们可以在config-overrides文件下全局配置一下。

10、如下：1gzipon;2gzip_buffers324k;3gzip_comp_ll6;4gzip_min_length200;5gzip_typestext/csstext/xmlapplication/jascript;6gzip_varyon;重启nginx：usr/local/nginx/in/nginx-sreload1清除浏览器缓存，重新访问网页，可以发现首次加载速度快了很多。

11、希望对你有所帮助！。

本文到这结束，希望上面文章对大家有所帮助。