【React】react + webpack 优化

  1. 基础依赖采用生产版本，官方的生产版本比你打包的出来的内容小一些；webpack里面配置external；
//打包一个react全家桶,然后在html中引用.

  1. 检查自己引用的第三方库，如果有些库引用了但是使用比较少，可以考虑自己手撸用到的代码

  2. 生产环境，服务器配置gzip和cache，真实加载的大小大概能缩小到三分之一

  3. webpack2里面有一个tree-sharking，用于剔除不必要无引用的代码

相关资源:

  1. 彻底解决Webpack打包性能问题

您可能还感兴趣？

  1. 前端技术文章汇总
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容