Gulp + babelify + browserify问题
Gulp + babelify + browserify问题
提问于 2015-10-17 22:26:43
我正在尝试用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
我做错了什么？
Stack Overflow用户
回答已采纳
发布于 2015-10-17 22:41:58
您混淆了browserify和gulp-browserify的应用编程接口。
在gulp-browserify docs中，您需要执行以下操作：
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 has been abandoned和gulp发生了很大的变化。如果你想用新版本的gulp实现同样的功能，你可以使用follow the guides provided by the gulp team。
您将得到类似以下内容的结果：
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/'));
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33187695
复制相关文章
相似问题
腾讯云开发者
