閱讀本文章的時候，你要有一定的基礎知識儲備，簡單的es6知識，模塊化思想知識，js基礎知識，node基礎知識,react等
首先執行npm init,此時我的文件叫case;
下面安裝一些需要的npm包：
npm install react --save
npm install webpack --save-dev
說明一下：
--save:是用於生產和上線環境
--save-dev:只用於生產環境，上線后就不需要了
下面打包工具介紹：gulp，browserify，webpack
簡單介紹下：
browserify，gulp功能比較簡單，需要自己進行配置，但是可以很好的理解整個生產流程，建議多研究下；
webpack就是一鍵式配置好所有的生產環境，適合新手入門，但是會讓人忽略很多的細節。下面進行運用環節。
第一種用browserify進行環境構建：
其中--save的包如下：
react react-dom
其中--save-dev的包如下：
babel-core
babel-loader
# ES2015轉碼規則babel-preset-es2015
# react轉碼規則babel-preset-react
下面是package.json如下：
其中如果你不會package.json,可以去搜一下它的具體意思：
具體的文件目錄如下：
這個的意思是將main.js打包轉換為build.js，可以直接在index.html中進行引用；
其中build.js是在執行npm start自動生成的；
item.js
main.js
index.html
直接靜態打開index.html就可以看到效果了
當然這個開發環境不能自己打開瀏覽器，也不能及時的熱更新，是最基礎的一種開發方式。
每個node安裝包的使用和作用可以自己百度，還有package.json中的scripts的作用和用法也自己百度一下，就知道為啥要那么寫了，
其實也可以自己在命令行執行如下命令：
./node_modules/.bin/browserify main.js > build.js -t [ babelify --presets [ es2015 react ] ]