其实以前就写过如何使用React-router和Webpack快速构建一个react程序。后来发现版本太老，于是乎最近又重新组织了下结构，使用最近发布的yarn作为包管理工具,介绍下基本安装步骤，有需要的朋友们下面来一起看看吧。

目前 React、Webpack 等技术如火如荼，你是不是还在愁苦如何把这些杂乱的知识怎么学习一下，开启一段新的前端开发之路呢？那么这篇将给大家运用示例代码详细的介绍使用React-router和Webpack如何快速构建一个react程序，感兴趣的朋友们下面来一起看看吧。

本文主要介绍的是使用React-router和Webpack如何快速构建一个react程序，下面话不多说，感兴趣的可以一起学习学习。 初始化项目 我们先创建个空文件夹，然后初始化 package.json ,填写一些基本信息。 $ npm init 接下来我们开始安装依赖项，我的 package.json 的依赖项如下 devDependencies: { babel: ^5.5.6, babel-core: ^5.5.6, babel-loader: ^5.1.4, histo