Javascript Traceur+;browserify&x2B;狼吞虎咽

Javascript Traceur+;browserify&x2B;狼吞虎咽,javascript,build,gulp,browserify,traceur,Javascript,Build,Gulp,Browserify,Traceur,我想有一个gulpfile,它首先将我的es6代码转换为es5并保存到一个目录,然后浏览它(在每个文件上,而不仅仅是一个条目文件),并保存到另一个目录,最后我想缩小它并将其作为.min.js文件放在browserified文件夹中。下面是结果的示意图: src/ es6/ index.js mod.js es5/ index.js mod.js es5-browser/ index.js index.min.js mod.js

我想有一个gulpfile,它首先将我的es6代码转换为es5并保存到一个目录,然后浏览它(在每个文件上,而不仅仅是一个条目文件),并保存到另一个目录,最后我想缩小它并将其作为.min.js文件放在browserified文件夹中。下面是结果的示意图:

src/
  es6/
    index.js
    mod.js
  es5/
    index.js
    mod.js
  es5-browser/
    index.js
    index.min.js
    mod.js
    mod.min.js
这是我到目前为止的gulpfile,但我一直遇到找不到模块的错误:

var gulp = require('gulp');
var traceur = require('gulp-traceur');
var browserify = require('gulp-browserify');
var sourcemaps = require('gulp-sourcemaps');

gulp.task('es5ize', function () {
  return gulp.src('src/es6/**/*.js')
    .pipe(sourcemaps.init())
    .pipe(traceur({sourceMaps: true}))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('src/es5'))
    .pipe(browserify({
      debug : true
    }))
    .pipe(gulp.dest('src/es5-browser'))
    ;
});
我知道我不应该使用gulp browserify,但我也没能用乙烯基做类似的东西

它一直工作到browserify步骤

我怎样才能让它工作

编辑:

我希望能够把它吞下去,而不必执行任何操作,因为我最终也会希望在这上面使用watchify


所有其他类似的例子都是先创建一个bundle,然后操纵这个bundle,但这意味着它总是开始browserifed,这是我不想要的。他们似乎还需要为browserify指定一个条目文件,但我想指定一个glob,并让它转换所有匹配的内容

您需要traceur编译为commonjs模块,以便browserify理解
.pipe(traceur({modules:'commonjs'}))

您能告诉我们gulpfile现在的错误输出吗?Browserify需要从入口点开始。根据这些,它将构造一个依赖关系图,并仅绑定您实际需要的模块。简而言之,你不应该把所有的js文件都用管道连接起来进行浏览。