我对 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
末了
愿望人人多多支撑,多多指出不足,提出发起。