项目构建打包gulp

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’);