/ / Gulp + Browserifyタスクが機能しない(出力なし) - javascript、node.js、npm、gulp、browserify

Gulp + Browserifyタスクが機能しない(出力なし) - javascript、node.js、npm、gulp、browserify

私は私の 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 それは出力を与えません。何か不足していますか?

回答:

回答№1は1

私はあなたの 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


回答№2の場合は0

私は今、 リポジトリ 私は毎日の仕事で使用するすべての肥料の仕事を集めています。

これはブラウザのタスクコードです

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()
}