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执行时，我收到以下消息

[02:06:23]使用gulpfile~ / react-rpi / gulpfile.js

[02:06:23]开始

＆＃39;默认＆＃39; ... [02:06:23]已完成＆＃39;默认＆＃39; 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()) 
}

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

Gulpfile不会创建bundle.js

1 个答案: