Gulp 狼吞虎咽的BrowserSync不';无法创建服务器
我创建了这个gulpfile,在我开始这个项目的时候它就工作了。上周我没有参与这个项目,现在我意识到当我运行命令“GulpWatch”时,BrowserSync不再创建服务器Gulp 狼吞虎咽的BrowserSync不';无法创建服务器,gulp,gulp-watch,browser-sync,Gulp,Gulp Watch,Browser Sync,我创建了这个gulpfile,在我开始这个项目的时候它就工作了。上周我没有参与这个项目,现在我意识到当我运行命令“GulpWatch”时,BrowserSync不再创建服务器 var gulp = require('gulp'); var sass = require('gulp-sass'); // do sass var jade = require('gulp-jade'); // do jade var autoprefixer = require('gulp-autoprefixer'
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);
});
命令行说
[18:06:12] Using gulpfile ~\Desktop\new app\gulpfile.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
关于如何修复它有什么想法吗?将您的gulp.watch任务移动到browsersync任务中,然后查看我的exmaple
// 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']);
因此,在您的情况下,您应该将baseDir替换为app asbaseDir:“./app”或“app”
,以及内部gulp.watch资产目录路径