React router+ webpack实现JS按需加载

参考文献

1.安装

npm install bundle-loader - -save-dev

2.创建Bundle.js

文件存放路径：src/router/Bundle.js

文件内容：

3.改造路由

文件路径：src/router/router.js

文件内容：

4.配置webpack.dev.config.js

文件位置：webpack.dev.config.js

文件内容：



到此，已大功告成！

再次运行，发现名字变成home.js，然而home是在哪里设置的呢？

其实在router.js里已经定义了，



build 之后生成的文件目录：