立刻開始寫 react & ES6 --- 基於gulp 和 Babel 的腳手架

我對 react 頗有興趣，可是我發現想寫 react 不容易。

我須要在開始寫代碼以前作不少準備工做，我須要編譯jsx文件，引入react等等，而最新的react示例，有鼓勵ES6來書寫代碼，能夠用上ES6的一些閃亮的新特性，因此與其每次寫代碼配置工具花不少時間，不如寫成一個github repo，每次只須要 clone下來，會方便不少。

因而我立刻動手，有了這個react-babel-gulp-boilerplate，本意是本身用，如今也推薦給你們，也但願你們積極指出不足，提出建議，固然若是有更好的方案，也能夠推薦給我。

---

特色

• 使用了Babel，這樣能夠用ES6來書寫react代碼。

• 使用了Gulp和browserify，可使用CommonJS規範來寫代碼，固然更推薦使用ES6 module。

• 使用了watchify，在gulp watch以後瀏覽器會自動打開網頁，同時在修改代碼以後會自動刷新代碼，方便開發和調試。

如何使用

首先，你須要安裝node和npm（我相信你必定已經安裝了），而後你能夠按照下面的命令來clone這個repo，同時安裝依賴：

$ git clone git@github.com:mrdream24/react-babel-gulp-boilerplate.git <yourAppName>
$ cd <yourAppName>
$ npm install

而後你能夠「啓動」它,來進行開發和調試：

$ gulp watch

這時候會自動打開瀏覽器新窗口http://localhost:3000,而後你會看到Hello World。

最後若是你想打包代碼，能夠：

$ gulp build

最後

但願你們多多支持，多多指出不足，提出建議。