中工作
gullfile.js
var gulp = require('gulp')
var jade = require('gulp-jade')
var browserSync = require('browser-sync').create()
gulp.task('jade', function(){
gulp.src('app/shit*/*.jade', {base: 'app'})
.pipe(jade())
.pipe(gulp.dest('build'))
})
gulp.task('watch', function() {
gulp.watch('app/shit*/*.jade', ['jade'])
})
gulp.task('browser-sync', function() {
browserSync.init({
server: {
baseDir: "build"
}
})
gulp.watch("build/**/*.html", browserSync.reload)
gulp.watch("build/**/*.css", browserSync.reload)
})
gulp.task('default', ['watch', 'browser-sync'])
保存文件后,控制台会给出«重新加载浏览器。。。»,但实际上浏览器不会刷新。
在浏览器中打开应用程序时,是否看到图例"已连接到BrowserSync"?否则应用程序将不会重新加载。
检查已部署的应用程序和browserSync是否都在同一端口(默认为3000)