Question

我试图运行＆＃39; rundev＆＃39;以下gulp代码中的任务，但它会导致我的Node / Gulp进程挂起。我无法在不重新启动计算机的情况下解除它们，因此难以追踪问题。

const gulp = require("gulp");
const concat = require("gulp-concat");
const uglify = require("gulp-uglify");
const uglifycss = require("gulp-uglifycss");
const del = require("del");
const sass = require('gulp-sass');
const streamqueue = require('streamqueue');
const gzip = require('gulp-gzip');
const compression = require('compression');
const browserSync = require("browser-sync").create();

const scripts = require("./scripts");
const styles = require("./styles");

var devMode = false;

gulp.task("html", function() {
    gulp.src("./src/html/**/*.html")
        .pipe(gulp.dest("./dist/"))
        /*.pipe(gzip({extension: 'gz'}))
        .pipe(gulp.dest("./dist/"))*/
        .pipe(browserSync.reload({
            stream: true
        }));
});

gulp.task("css", function() {
    var cssRaw = gulp.src(styles["css"])
        .pipe(uglifycss());
    var cssFromSass = gulp.src(styles["scss"])
        .pipe(sass({outputStyle: 'compressed'}));

    return streamqueue({objectMode: true},
                       cssFromSass, 
                       cssRaw)
        .pipe(concat("allStyles.min.css"))
        .pipe(gulp.dest("./dist/css"))
        /*.pipe(gzip({extension: 'gz'}))
        .pipe(gulp.dest("./dist/css"))*/
        .pipe(browserSync.reload({
            stream: true
        }));
});

gulp.task("js", function() {
    var jsMin = gulp.src(scripts["min"]);

    var jsOther = gulp.src(scripts["other"])
        .pipe(uglify());

    return streamqueue({objectMode: true},
                       jsMin, 
                       jsOther)
        .pipe(concat("allScripts.min.js"))
        .pipe(gulp.dest("./dist/js"))
        /*.pipe(gzip({extension: 'gz'}))
        .pipe(gulp.dest("./dist/js"))*/
        .pipe(browserSync.reload({
            stream: true
        }));
});

gulp.task("fonts", function() {
    gulp.src(["./src/fonts/**/*.eot", 
              "./src/fonts/**/*.svg", 
              "./src/fonts/**/*.ttf", 
              "./src/fonts/**/*.woff", 
              "./src/fonts/**/*.woff2"])
    .pipe(gulp.dest("./dist/fonts"))
    .pipe(browserSync.reload({
        stream: true
    }));
});

gulp.task("images", function() {
    gulp.src(["./src/images/**/*.*"])
    .pipe(gulp.dest("./dist/images"))
    .pipe(browserSync.reload({
        stream: true
    }));
});

gulp.task("sounds", function() {
    gulp.src(["./src/sounds/**/*.*"])
    .pipe(gulp.dest("./dist/sounds"))
    .pipe(browserSync.reload({
        stream: true
    }));
});

gulp.task("clean", function() {
    return del('./dist/**', {read: false});
});

gulp.task("build", ['clean'], function() {
    gulp.start(["css", "js", "html", "fonts", "images", "sounds"]);
});


gulp.task("browser-sync", function() {
    browserSync.init(null, {
        open: false,
        server: {
            baseDir: "dist",
            middleware: compression()
        }/*,
        httpModule: 'http2',
        https: true*/
    });
});

gulp.task("rundev", function() {
    devMode = true;
    gulp.start(["build", "browser-sync"]);
    gulp.watch(["./src/css/**/*.css", "./src/css/**/*.scss"], ["css"]);
    gulp.watch(["./src/js/**/*.js"], ["js"]);
    gulp.watch(["./src/html/**/*.html"], ["html"]);
    gulp.watch(["./src/fonts/**/*.*"], ["fonts"]);
});

我最近在经过一个月的休息后重新选择了这个项目，并且从那时起就没有触及过代码，但我之前从未遇到过这个问题。

当我尝试运行＆＃39; gulp rundev＆＃39;在我的Git Bash窗口中。它似乎完成没有错误，但从未真正提供文件，我不能使用Git Bash窗口，甚至之后关闭它（这些都不起作用：点击退出，Alt + F4，或在任务管理器中终止进程）。摆脱它的唯一方法是重新启动计算机。我使用Windows 10，Node v8.9.4，Gulp v3.9.1，Brackets和Git Bash作为我的开发环境，以防万一。

这是输出的副本：

MyName@MyComputer MINGW64 ~
$ cd Documents/GitHub/PoeFilterEditor

MyName@MyComputer MINGW64 ~/Documents/GitHub/PoeFilterEditor (Development)
$ gulp rundev
[12:11:27] Using gulpfile ~\Documents\GitHub\PoeFilterEditor\gulpfile.js
[12:11:27] Starting 'rundev'...
[12:11:27] Starting 'clean'...
[12:11:27] Starting 'browser-sync'...
[12:11:27] Finished 'browser-sync' after 114 ms
[12:11:28] Finished 'rundev' after 816 ms
[Browsersync] Access URLs:
 --------------------------------------
       Local: http://localhost:3000
    External: http://192.168.1.142:3000
 --------------------------------------
          UI: http://localhost:3001
 UI External: http://192.168.1.142:3001
 --------------------------------------
[Browsersync] Serving files from: dist

我确实记得得到更多＆＃39;开始＆＃39;和＆＃39;已完成＆＃39;输出中的行，用于＆＃39; rundev＆＃39;但否则输出看起来很正常。

因为＆＃39;清洁＆＃39;任务永远不会报告为＆＃39;已完成＆＃39;我认为问题与此有某种关系，我的研究似乎表明问题与权限或文件在尝试对它们进行操作时被锁定有关。为此，我尝试搞乱devMode，关闭除Git Bash之外的所有程序来调用任务，并确保一切都以管理员权限运行，但它总是挂起。

我对Node和Gulp有点新意，所以可能有一些明显的东西我甚至不知道要问，所以希望这里有人可以帮助我学习我的方法。

Gulp任务导致我的Node进程挂起

0 个答案: