咕嘟+ babelify + browserify问题
我正在尝试通过浏览器和babelify来创建一个吞咽任务。 这是任务：
var gulp = require('gulp');
var browserify = require('gulp-browserify');
var source = require('vinyl-source-stream');
var babelify = require('babelify');
gulp.task('js', function () {
browserify('./resources/js/*.js')
.transform(babelify)
.bundle()
.pipe(source('*.js'))
.pipe(gulp.dest('./public/js'));
});
我发现了一些示例代码，试图使用它们，但结果总是相同的。
当我运行任务，并保存我的example.js文件时，会发生以下错误：
TypeError: browserify(...).transform is not a function
我究竟做错了什么？
您正在将API用于browserify和gulp-browserify 。
从gulp-browserify文档，你会想要做这样的事情：
var gulp = require('gulp')
var browserify = require('gulp-browserify')
gulp.task('js', function () {
gulp.src('./resources/js/*.js')
.pipe(browserify({
transform: ['babelify'],
}))
.pipe(gulp.dest('./public/js'))
});
编辑：由于这个问题首先得到解答，gulp-browserify已经被放弃了，吞咽已经发展了很多。 如果你想用更新的版本来达到同样的效果，你可以按照吞咽团队提供的指南进行操作。
你最终会得到如下的结果：
var browserify = require('browserify');
var babelify = require('babelify');
var gulp = require('gulp');
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
var sourcemaps = require('gulp-sourcemaps');
var util = require('gulp-util');
gulp.task('default', function () {
var b = browserify({
entries: './resources/test.js',
debug: true,
transform: [babelify.configure({
presets: ['es2015']
})]
});
return b.bundle()
.pipe(source('./resources/test.js'))
.pipe(buffer())
.pipe(sourcemaps.init({ loadMaps: true }))
// Add other gulp transformations (eg. uglify) to the pipeline here.
.on('error', util.log)
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest('./public/js/'));
});