Gulpfile不会产生bundle.js

Question

我有一些问题，我gulpfile

"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执行它，我得到以下信息

[2点06分23秒]使用gulpfile〜/反应-RPI/gulpfile.js

[2点06分23秒]开始

'默认' ... [2点06分23秒]已完成 '默认' 一个过了24毫秒

但是没有创建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()) 
} 

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