已有node的基礎(chǔ)下創(chuàng)建

安裝：

1.npm init : 創(chuàng)建package.json

2.npm install --global gulp : 安裝全局gulp

3.npm install --save-dev gulp : 安裝項目gulp（每個項目打包流程不一樣）

4.創(chuàng)建gulpfile.js : 描述打包流程

5.npm install --save-dev browserify : 使用require() ? ?commonjs

6.npm install --save-dev vinyl-source-stream : 能夠同時使用browserify和gulp

7.npm install --save-dev babelify : 解析jsx語法（注意修改相應(yīng)gulpfile --> transform(babelify , {presets : ["react"]}，否則無法解析jsx，因為{preset:[]又得npm install babel-preset-react）

8.npm install --save react react-dom : 安裝react、reactdom

9.自動刷新:不但要監(jiān)聽source jsx語法 轉(zhuǎn)換到 build js語法，還要監(jiān)聽build中js是否變化，然后定義livereload任務(wù)