gulp
gulp是NodeJS项目构建工具,它是用来构建我们的项目,而且是把开发中的项目构建成可以放置在服务器的项目。它的机制是流式内容处理,也就是在内存中数据处理。
1、安装
npm install gulp -g
cnpm install gulp -g
2、创建一个pack.json:配置使用到的库
cnpm init
...输入信息
3、安装一个处理jsx的工具,转换成js
cnpm install gulp-react —save
4、gulpfile.js
var gulp = require(‘gulp’);
var react = require(‘gulp-react’);
gulp.task(‘jsx’, function() {
gulp.src(‘./app.jsx’')
.pipe(react())
.pipe(gulp.dest(‘./appp.js’));
})
5、然后在命令行中输入
gulp jsx
6、设置默认命令,这样在命令行中就可以直接输入gulp
gulp.task(‘dafault’, [‘jsx’]);
7、存在的问题:
就是jsx中的require,也就是引用库时不会被转换的,转换的只有是jsx代码
例如var React = require(‘react/addons’);