Javascript 观看.html文件时不触发BrowserSync

我正在使用Gulp编译和缩小我的SASS。这很好，但我想通过使用BrowserSync来扩展自动化

我已经按照一些教程网站上的说明进行了操作，但无法使其正常工作-当我更新.scss或.html文件时，浏览器不会刷新，终端上不会出现任何错误

我的gulpfile.js就是这样。有人知道为什么browserSync无法运行吗

（ps running

gulp browserSync

会成功地打开浏览器窗口并使用

http://localhost:3000/

但没有自动刷新功能）

---

您的监视任务应为默认任务。尝试将browserSync.init（）放在watch任务中，然后用gulp watch开始您的大口喝

const gulp=require（'gulp'）；
const-sass=require（'gulp-sass'）；
const cssnano=require（'gulp-cssnano'）；
const browserSync=require（'browser-sync'）。create（）；
//Normal.scss编译
gulp.task（'sass'，function（）{
返回gulp.src（'scss/main.scss'）
.pipe（sass（））
.pipe（大口目的地（'dist/css'））
});
//css，用于重新加载浏览器
gulp.task（'mini-css'，function（）{
return gulp.src（'dist/css/main.css'）
.pipe（cssnano（））
.pipe（大口目的地（'dist/css'））
.pipe（browserSync.reload({
溪流：对
}));
});
//做以上两件事
gulp.task（'do-sass'，gulp.series（'sass'，'mini-css'））
吞咽任务（'watch'，function（）{
browserSync.init({
服务器：{
baseDir:“./”
}
});
大口手表（'scss/***.scss'，大口系列（'do-sass'）；
gulp.watch（“*.html”）.on（'change'，browserSync.reload）；
});

const gulp = require('gulp');
const sass = require('gulp-sass');
const cssnano = require('gulp-cssnano');
const browserSync = require('browser-sync').create();

// Normal .scss compilation
gulp.task('sass', function(){
  return gulp.src('scss/main.scss')
    .pipe(sass())
    .pipe(gulp.dest('dist/css'))
});

// Minifys .css, is meant to reload browser
gulp.task('mini-css', function() {
    return gulp.src('dist/css/main.css')
    .pipe(cssnano())
    .pipe(gulp.dest('dist/css'))
    .pipe(browserSync.reload({
      stream: true
    }));
});

// Do both of the above
gulp.task('do-sass', gulp.series('sass', 'mini-css'))

gulp.task('watch', function(){
  gulp.watch('scss/**/*.scss', gulp.series('do-sass'));
  gulp.watch("*.html").on('change', browserSync.reload);
});

gulp.task('browserSync', function() {
  browserSync.init({
    server: {
      baseDir: './'
    },
  })
})