已有node的基礎(chǔ)下創(chuàng)建
安裝:
1.npm init : 創(chuàng)建package.json
2.npm install --global gulp : 安裝全局gulp
3.npm install --save-dev gulp : 安裝項(xiàng)目gulp(每個(gè)項(xiàng)目打包流程不一樣)
4.創(chuàng)建gulpfile.js : 描述打包流程
5.npm install --save-dev browserify : 使用require() ? ?commonjs
6.npm install --save-dev vinyl-source-stream : 能夠同時(shí)使用browserify和gulp
7.npm install --save-dev babelify : 解析jsx語(yǔ)法(注意修改相應(yīng)gulpfile --> transform(babelify , {presets : ["react"]}笆怠,否則無(wú)法解析jsx拟逮,因?yàn)閧preset:[]又得npm install babel-preset-react)
8.npm install --save react react-dom : 安裝react、reactdom
9.自動(dòng)刷新:不但要監(jiān)聽source jsx語(yǔ)法 轉(zhuǎn)換到 build js語(yǔ)法眷茁,還要監(jiān)聽build中js是否變化筷凤,然后定義livereload任務(wù)