Gulp+Browserify任务不工作(没有输出)
Gulp + Browserify task not working (no output)
我的gulpfile.js
上有以下任务
gulp.task('default', ['browserify'])
gulp.task('browserify', function () {
return browserify('./public/js/x.js')
.bundle()
.pipe(source('y.js'))
.pipe(gulp.dest('./public/dist/js'))
})
但是在运行$ gulp
之后,它没有输出。我是不是错过了什么?
我不确定您的browserify
是什么,但我认为它不是不推荐使用的gulp-browserify
。
这应该行得通。我测试过:
var gulp = require('gulp');
var browserify = require('browserify');
var source = require('vinyl-source-stream'); // MAKE SURE THIS IS THERE
gulp.task('default', ['browserify'])
gulp.task('browserify', function() {
return browserify('./public/js/x.js').bundle() // .bundle is a browserify function
.pipe(source('y.js')) // Pass to output using vinyl-source-stream
.pipe(gulp.dest('./public/dist/js'));
});
既然我的代码和你的一模一样,你能确保你安装了乙烯基吗?
npm install --save vinyl-source-stream
如果你还没有:
npm install --save gulp browserify
npm install -g gulp
我现在正在维护一个存储库,它收集我在日常工作中使用的所有gull任务。
这是浏览的任务代码
var gulp = require('gulp')
var gulpif = require('gulp-if')
var browserify = require('browserify')
var gutil = require('gulp-util')
var through2 = require('through2')
var watchify = require('watchify')
var assign = require('object-assign')
var babelify = require('babelify')
var config = require('config').gulp
module.exports = function (is_dev) {
var options = {
paths: [config.src.js]
}
if (is_dev) {
options = assign({}, options, {
debug: true,
cache: {},
packageCache: {}
})
}
var bundler = function () {
return through2.obj(function (file, enc, next) {
var b = browserify(file.path, options)
.transform(babelify.configure({
presets: ['es2015', 'react'],
compact: false
}))
if (is_dev) {
b = watchify(b)
b.on('update', bundle)
b.pipeline.on('file', function (filename) {
gutil.log(gutil.colors.green('Bundled: '), filename)
})
}
return b.bundle(function (err, res) {
if(err) {
return next(err)
}
file.contents = res
next(null, file)
})
})
}
function bundle() {
is_dev ? gutil.log(gutil.colors.yellow('Bundling...')) : null
return gulp.src([
config.src.js + '/**/*.js',
'!' + config.src.js + '/lib/**/*.js'
])
.pipe(bundler())
.on('error', function(e) {
gutil.log(gutil.colors.red(e.message))
is_dev ? this.emit('end') : null
})
.pipe(gulp.dest(config.dist.js))
}
return bundle()
}
相关文章:
- 在JavaScript中输出转义字符
- 如何在jQuery中将函数的输出分配给变量
- 当使用Watchify时,Browserify+Babelify Gulp任务没有终止
- Javascript,输出结果后页面不断刷新
- gulp Iconify任务抛出错误TypeError:Path必须是字符串.收到false
- Datetime格式为Friendly Time.Moment JS输出错误
- 如何将angularjs中的javascript字符串输出为循环数组
- HTML5FileReader输出到D3.js图表
- console.log以外的Javascript输出函数
- 如果助手不在,如何从Grunt中的代码中调用任务
- Eloquent JavaScript递归示例如何终止为返回1,但仍然输出指数值
- WinJS(WP8.1):从后台任务更新辅助磁贴
- gulp/webpack任务的输出文件名
- 使用 Visual Studio Code 任务编译打字稿,指定输出目录
- For 循环不迭代,输出的数据不超过第一个任务
- Gulp+Browserify任务不工作(没有输出)
- grunt contrib车把输出不同于车把npm任务
- grunt contrib车把-输出与我运行车把npm任务时不同
- 少任务无输出
- 如何将一个grunt任务的提要输出获取到另一个grunt任务