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