Reactjs 狼吞虎咽地浏览+;reactify不创建包

Reactjs 狼吞虎咽地浏览+;reactify不创建包,reactjs,gulp,reactify,Reactjs,Gulp,Reactify,当我运行gulp时,在保存main.js之后,我会得到一个“更新”和“更新”日志,但从来没有构建过包 gulpfile.js: var watchify=require('watchify'); var reactify=require('reactify'); var concat=需要(“咕噜咕噜咕噜”); var util=require('gulp-util'); 吞咽任务('browserify',函数(){ var bundler=browserify({ 条目:['./dist/m

当我运行gulp时,在保存main.js之后,我会得到一个“更新”和“更新”日志,但从来没有构建过包

gulpfile.js

var watchify=require('watchify');
var reactify=require('reactify');
var concat=需要(“咕噜咕噜咕噜”);
var util=require('gulp-util');
吞咽任务('browserify',函数(){
var bundler=browserify({
条目:['./dist/main.js'],//只需要初始文件,browserify查找deps
transform:[reactify],//我们希望将JSX转换为普通javascript
debug:true,//为我们提供sourcemapping
cache:{},packageCache:{},fullpath:true//watchify的要求
});
var watcher=watchify(bundler);
回程观察者
.on('update',函数(){//当任何文件更新时
var updateStart=Date.now();
console.log('update!');
watcher.bundle()//创建使用缓存实现高性能的新捆绑包
.pipe(源('main.js'))
.on('error',util.log)
//这就是你添加丑化等的地方。
.pipe(吞咽目标('/build/');
log('Updated!',(Date.now()-updateStart)+'ms');
})
.on('error',util.log)
.bundle()//启动任务时创建初始捆绑包
.pipe(源('main.js'))
.pipe(gulp.dest('/build/'))
.on('error',util.log);
});
//我添加了这个,以便您了解如何运行两个监视任务
吞咽任务('css',函数(){
gulp.watch('style/***/*.css',function(){
return gulp.src('styles/***/.css')
.pipe(concat('main.css'))
.pipe(吞咽目标('build/');
});
});
//只是运行这两个任务
gulp.task('default',['browserify','css']);
我的文件结构是

/build  
/dist   
 -index.html  
 -main.js 
/node_modules  
/styles 
gulpfile.js

我没有发现任何错误,在这一点上我完全迷失了方向。我尝试过改变目录并重新加载所有内容,但没有任何效果

将包含
gulp.dest('/build/')
的行更新为
gulp.dest(uu dirname+'/build/')
。目前您的文件位于drive_root_dir/build/main.js

Hmm…我认为这会起作用,但我仍然没有看到任何正在创建的东西。您的版本似乎可以工作,但现在我在加载两个版本的react时遇到了一个不变的错误…可能是我这边的问题