解决react+webpack 打包后文件过大的问题

相信很多初学者都会遇到这种问题，通过webpack自带的 UglifyJsPlugin插件压缩、删除HotModuleReplacementPlugin, NoErrorsPlugin… 等插件后打包出来的文件还是很大，当然很多人会想到使用拆分打包的方式，有一定的效果，但依然没达到理想的目标，这个时候还有其他办法吗？这里我们一起来看一下采用后端压缩的方式以达到流畅的用户体验，这里以nodejs为例。

第一步 安装压缩依赖包

打开终端，切换到项目路径运行以下命令安装最新的compression依赖文件

F:\ProjectsSource>npm install compression --save

第二步 在入口文件添加压缩传输功能

...
...
var compression = require('compression');
...
...
app.use(compression());
...
...

这个时候再来测试一下检查是否有效果。

祝你成功。