javascript - Traceur + browserify + uglyify in gulp

Question

我想要一个 gulpfile，它首先将我的 es6 代码转换为 es5 并将其保存到一个目录，然后对其进行浏览器化(在每个文件上，而不仅仅是一个入口文件)并将其保存到另一个目录，最后我想缩小并将其作为 .min.js 文件放入浏览器文件夹中。下面是结果应该是什么样子的图表:

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 步骤

我怎样才能让它工作？

编辑:

我希望能够将其保存在 gulp 中，而不必执行任何操作，因为我最终也想对此使用 watchify

所有其他与此接近的示例首先让 browserify 创建一个包，然后操作该包，但这意味着它将始终启动 browserifed，这是我不想要的。他们似乎还需要为 browserify 指定一个入口文件，但我想指定一个 glob 并让它转换匹配的所有内容

Answer 1

你需要 traceur 编译为 commonjs 模块，这样 browserify 才能理解 .pipe(traceur({modules: 'commonjs' }))