React的按需载入

大家好，对于react router的按需载入，可能很多使用过的人都觉得很棒，可以实现将不同的组件，打包时分割成多个js文件，在需要的时候再载入相关的脚本文件，能够让初次渲染页面效率大大提高。

那么，如何实现按需载入呢？

需要以下工具

webpack 这个打包时肯定要用的

react-router 这个更不用说了

那如何实现的异步载入呢，其实就是通过 require.ensure来实现

对于react router的按需载入，根据版本不同，是不一样的，在react router v4版本前，官方提供了getComponents这个异步组件获取api，可以直接用require.ensure来载入并回调，而react router v4之后则完全不一样。