立时最先写 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

末了

愿望人人多多支撑,多多指出不足,提出发起。

    原文作者:MrDream
    原文地址: https://segmentfault.com/a/1190000004422797
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞