Pomoc w programowaniu, odpowiedzi na pytania / JavaScript / Gulp + zadanie Browserify nie działa (brak danych wyjściowych) - javascript, node.js, npm, gulp, browserify

Zadanie Gulp + Browserify nie działa (brak danych wyjściowych) - javascript, node.js, npm, gulp, browserify

Mam następujące zadanie na moim 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"))
})

Ale po uruchomieniu $ gulp nie daje żadnego wyniku. Czy czegoś brakuje?

Odpowiedzi:

1 dla odpowiedzi № 1

Nie jestem pewien, co twoja browserify jest, ale założę się, że to nie jest przestarzałe gulp-browserify.

To powinno działać. Testowałem to:

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"));
});

Ponieważ mój kod wygląda dokładnie tak jak twój, czy możesz upewnić się, że masz zainstalowany winyl?

npm install --save vinyl-source-stream

a jeśli już nie:

npm install --save gulp browserify

npm install -g gulp

0 dla odpowiedzi nr 2

Teraz utrzymuję magazyn które zbierają wszystkie zadania, z których korzystam podczas codziennej pracy.

To jest kod zadania przeglądarki

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