[S3-E369]React + webpack 之性能优化

文章预览

本文：【第3章第369回】 更多文章点击  目录  查看 一句很经典的话：没到性能瓶颈的时候，最好不要随意的优化。 1.性能问题 性能问题归根到底就是项目越来越大，文件越来越复杂，导致webpack打包的bundle.js的包越来越大，页面加载也就变的越来越慢。 使用chrome 的 performance分析代码，可以很明显的看到，主要的时间都花在了Evaluate script上面，但这部分我目前没有找到解决方案，所以只能从所以js包的体积入手。 2.基本的解决方案 1. 从webpack入手，webpack本身会有一些插件的优化方法。      1.UglifyJsPlugin 压缩代码的插件(这个可以很显著的缩小包的体积)          new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false } }),           2.CommonsChunkPlugin (合并代码) 两 ………………………………