Javascript Gulp-JADE-browserSync不自动重新加载
我用大口喝来创造。我使用浏览器同步查看页面预览。但我无法将gulp配置为自动重新加载。当我在浏览器中进行更改时,我必须仅使用jade文件手动重新加载。我使用CSS并将其编译为SCS,如果自动更改 哪一个是我的错误,为什么gulp不在预览中重新加载我的jade或html文件Javascript Gulp-JADE-browserSync不自动重新加载,javascript,node.js,gulp,pug,Javascript,Node.js,Gulp,Pug,我用大口喝来创造。我使用浏览器同步查看页面预览。但我无法将gulp配置为自动重新加载。当我在浏览器中进行更改时,我必须仅使用jade文件手动重新加载。我使用CSS并将其编译为SCS,如果自动更改 哪一个是我的错误,为什么gulp不在预览中重新加载我的jade或html文件 var gulp = require('gulp'); var browserSync = require('browser-sync').create(); var sass = require('gulp-sass');
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');
var jade = require('gulp-jade');
var autoprefixer = require('gulp-autoprefixer');
var minimifyCss = require('gulp-minify-css');
// JADE
gulp.task('jade', function() {
gulp.src('./jade/*.jade')
.pipe(jade({
pretty: true
}))
.pipe(gulp.dest('./'))
});
// SASS
gulp.task('sass', function() {
gulp.src('./sass/styles.scss')
.pipe(sass().on('error', sass.logError))
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: true
}))
.pipe(minimifyCss({
keepBreaks: true
}))
.pipe(gulp.dest('./css'))
.pipe(browserSync.stream());
});
// browserSync
gulp.task('default', function() {
browserSync.init({
server: "./"
});
gulp.watch("./sass/styles.scss", ['sass']);
gulp.watch("./jade/*.jade", ['jade']);
gulp.watch("./*.html").on('change', browserSync.reload);
});
参数中没有包含jade或sass函数 gulp.task('default',['sass'],['jade'],function()){ 大口喝手表(“./sass/styles.scss”,['sass']) 狼吞虎咽的手表(“/jade/*.jade”,['jade']) })
吞咽默认值我必须在其中编写此代码。。。。在上一个任务中,在注释//browserSync中,因为它非常相似,或者我必须创建其他任务只需将参数添加到浏览器同步功能中,我创建了一个新项目,现在它可以工作了。。。也添加参数['sass','jade']。。。谢谢