【React】react + webpack 优化

  1. 基础依赖采用生产版本,官方的生产版本比你打包的出来的内容小一些;webpack里面配置external;
//打包一个react全家桶,然后在html中引用.
  1. 检查自己引用的第三方库,如果有些库引用了但是使用比较少,可以考虑自己手撸用到的代码

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

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


相关资源:

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

您可能还感兴趣?

  1. 前端技术文章汇总

你可能感兴趣的:(【React】react + webpack 优化)