Gulpfile不创建bundle.js

Question

我的卷宗有点问题

"use strict"

var gulp = require("gulp")
var browserify = require("browserify")
var source = require("vinyl-source-stream")
var livereload = require('gulp-livereload')
var watchify = require('watchify')

gulp.task("default", () => {
    livereload.listen()
    var bundler = browserify("./src/components/index.jsx")
        .plugin(watchify, {ignoreWatch: './src/components/*'})
        .transform("babelify", {presets: ["es2015", "react"]})
    bundle(bundler)
    bundler.on('update', function () {
        bundle(bundler)
    })
})

function bundle(bundler) {

  bundler
    .bundle()
    .pipe(source('bundle.js')) // Set source name
    .pipe(gulp.dest("./public/dist"))
    .pipe(livereload()); // Reload the view in the browser
}

当我使用gulp执行它时，我得到以下消息

02:06:23使用gulpfile ~/rpi rpi/grapfile.js 02:06:23开始 “默认”。02:06:23在24 ms后完成“默认”

但是bundle.js不是创建的。有钥匙吗？提前感谢！

Answer 1

你为什么不试试这个？

function bundle(bundler) {  
    return bundler.bundle().on('error', function (err) {
        console.error(err.message)
        this.emit('end')
    })
    .pipe(source('bundle.js'))
    .pipe(buffer())
    .pipe(plugins.sourcemaps.init({ loadMaps: true }))
    .pipe(plugins.sourcemaps.write('./'))
    .pipe(gulp.dest('./public/dist/js/'))
    .pipe(plugins.livereload()) 
}

然后你就可以看到发生了什么