/ / Gulp BrowserSync no crea servidor - gulp, gulp-watch, browser-sync

Gulp BrowserSync no crea servidor - gulp, gulp-watch, browser-sync

Creé este gulpfile que funcionó cuandocomenzó a trabajar en el proyecto Las últimas semanas no trabajé en este proyecto y ahora me doy cuenta de que cuando ejecuto el comando "gulp watch", BrowserSync ya no crea un servidor.

var gulp = require("gulp");
var sass = require("gulp-sass"); // do sass
var jade = require("gulp-jade"); // do jade
var autoprefixer = require("gulp-autoprefixer"); // autoprefix css
var browserSync = require("browser-sync").create(); // browserSync

gulp.task("styles", function(){
gulp.src("app/scss/styles.sass")
.pipe(sass({ style: "expanded" }))
.pipe(autoprefixer("last 2 version"))
.pipe(gulp.dest("app/css"))
.pipe(browserSync.reload({
stream: true
}))
});

gulp.task("jade", function(){
gulp.src("app/index.jade")
.pipe(jade({pretty: true}))
.pipe(gulp.dest("app/"))
.pipe(browserSync.reload({
stream: true
}))
});

gulp.task("browserSync", function() {
browserSync.init({
server: {
baseDir: "app"
},
})
});

gulp.task("watch", ["browserSync", "styles", "jade"], function() {
gulp.watch("app/scss/**/*.sass", ["styles"]);
gulp.watch("app/_jadefiles/**/*.jade", ["jade"]);
gulp.watch("app/index.jade", ["jade"]);
gulp.watch("app/js/**/*.js", browserSync.reload);
gulp.watch("app/*.html", browserSync.reload);
});

La línea de comando dice

[18:06:12] Using gulpfile ~Desktopnew appgulpfile.js
[18:06:12] Starting "browserSync"...
[18:06:12] Finished "browserSync" after 18 ms
[18:06:12] Starting "styles"...
[18:06:12] Finished "styles" after 17 ms
[18:06:12] Starting "jade"...
[18:06:12] Finished "jade" after 3.82 ms
[18:06:12] Starting "watch"...
[18:06:12] Finished "watch" after 39 ms

¿Alguna idea de cómo arreglarlo?

Respuestas

0 para la respuesta № 1

mueve tus tareas gulp.watch a la tarea browsersync y todo estará bien para luego echar un vistazo a mi modelo.

// Browser-sync task
gulp.task("serve", ["sass", "compress"], function() {
browserSync.init({
server: {
baseDir: "./"
}
});

gulp.watch("src/*.js", ["compress"]);
gulp.watch("**/*.scss", ["sass"]);
gulp.watch("index.html").on("change", reload);

});
gulp.task("watch", ["serve"]);

entonces, en su caso, debe reemplazar baseDir con la aplicación como baseDir: "./app" or "app" y también la ruta interna de los directorios de activos de gulp.watch.