很多人刚学习react的时候，往往因为繁琐的配置而头疼，这里我将手把手教大家怎么用webpack配置react和redux的环境，这篇教程包括前端react和后台node整个网站的环境配置，对node没兴趣的可以只看这篇。
这里是下篇链接：手把手教你webpack、react和node.js环境配置（下篇）
我把所有代码都放到了github上面供参考：webpack-react-express环境配置
1. 什么是webpack？
Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。
2. 创建项目
先创建项目文件夹，我这里命名为blog，当成一个博客项目，当然你也可以命名成其他的。
mkdir blog && cd blog
接着用npm初始化这个项目。（使用npm之前需要先安装node.js和npm）
npm init
这些内容可以enter键全部跳过，结束后目录里面会出现一个package.json文件，这个文件里面是我们项目的信息。
