gulp

使用Gulp转换React的JSX

《在React中使用JSX》中使用了JSX。借助一个javascript,动态将JSX语法脚本转换为javascript。这在开发阶段是可行的,但是在正式使用时,需要事先转换好,而不是增加用户浏览器的负担。如果这样做了,会在浏览器控制台看到类似这样的提示:

1
You are using the in-browser JSX transformer. Be sure to precompile your JSX for production - http://facebook.github.io/react/docs/tooling-integration.html#jsx

下面,使用gulp,自动化这个过程,gulp也能很好的自动化其他事情,比如browserify(见《使用Browserify》)。

使用Browserify

Browserify,可以让你在浏览器端编程,使用nodejs的require('modules')管理javascript代码之间的依赖关系。

安装

建议使用nvm安装的nodejs,好处是npm install -g也不需要sudo权限。

安装browserify

1
npm install -g browserify