我對 react 很有興趣劣砍,但是我發(fā)現(xiàn)想寫 react 不容易哮幢。
我需要在開始寫代碼之前做很多準備工作带膀,我需要編譯jsx文件,引入react等等橙垢,而最新的react示例本砰,有鼓勵ES6來書寫代碼,可以用上ES6的一些閃亮的新特性钢悲,所以與其每次寫代碼配置工具花很多時間,不如寫成一個github repo舔株,每次只需要 clone下來莺琳,會方便很多。
于是我馬上動手载慈,有了這個react-babel-gulp-boilerplate惭等,本意是自己用,現(xiàn)在也推薦給大家办铡,也希望大家積極指出不足辞做,提出建議,當(dāng)然如果有更好的方案寡具,也可以推薦給我秤茅。
特點
- 使用了Babel,這樣可以用ES6來書寫react代碼童叠。
- 使用了Gulp和browserify框喳,可以使用CommonJS規(guī)范來寫代碼,當(dāng)然更推薦使用ES6 module厦坛。
- 使用了watchify五垮,在
gulp watch
之后瀏覽器會自動打開網(wǎng)頁,同時在修改代碼之后會自動刷新代碼杜秸,方便開發(fā)和調(diào)試放仗。
如何使用
首先,你需要安裝node和npm(我相信你一定已經(jīng)安裝了)撬碟,然后你可以按照下面的命令來clone這個repo诞挨,同時安裝依賴:
$ git clone git@github.com:mrdream24/react-babel-gulp-boilerplate.git <yourAppName>
$ cd <yourAppName>
$ npm install
然后你可以“啟動”它,來進行開發(fā)和調(diào)試:
$ gulp watch
這時候會自動打開瀏覽器新窗口http://localhost:3000
,然后你會看到Hello World。
最后如果你想打包代碼小作,可以:
$ gulp build
最后
希望大家多多支持亭姥,多多指出不足,提出建議顾稀。