Material-UI + React + Babel + Webpack 环境配置

Material-UI 是一套用React写成的，符合Google Material Design 的UI组件库。

此库在编写的时候用到了ES6与ES7的一些特性，并用Babel构建，于是我稍作研究，给出最小的环境配置来使用Material-UI这套库。

初始化

创建一个项目目录并初始化项目（如果没有的话）

$ mkdir hello-material-ui
$ cd hello-material-ui
$ npm init

安装依赖

按照npm的提示初始化完毕这个目录后，开始安装依赖

$ npm install --save react react-dom react-tap-event-plugin material-ui
$ npm install --save-dev babel-core babel-loader 
$ npm install --save-dev babel-preset-es2015 babel-preset-react babel-preset-stage-1
$ npm install --save-dev webpack

第一行是生产用的 React 与 Material-UI 部分。
第二行是Babel转换器的核心部分。
第三行是Babel转换器的三个额外配置：ES2015（ES6），React，Stage1（ES7）。
第四行是Webpack的部分。

第二、三、四行的内容只在工程构建之前有用（用于开发：-dev）。

安装完毕之后呢，可以先检查一下 package.json

npm init 之后，目录中就会有一个 package.json

如果安装顺利，里面应该有至少这样一些部分：

版本号不重要，各位配置的时候说不定已经出了新的版本。
如果确认跟随本文配置失败，那可以试试完全按照我的版本号来配置。

  "dependencies": {
    "material-ui": "^0.15.0",
    "react": "^15.0.0",
    "react-dom": "^15.0.0",
    "react-tap-event-plugin":