使用MAMP的Gulp和browserSync配置:在重新加载浏览器时卡住

npm install gulp gulp-sass gulp-uglify browser-sync --save-dev

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

// 编译Sass文件
gulp.task('sass', function() {
  return gulp.src('src/scss/*.scss')
    .pipe(sass())
    .pipe(gulp.dest('dist/css'))
    .pipe(browserSync.stream());
});

// 压缩JS文件
gulp.task('uglify', function() {
  return gulp.src('src/js/*.js')
    .pipe(uglify())
    .pipe(gulp.dest('dist/js'))
    .pipe(browserSync.stream());
});

// 启动browserSync服务
gulp.task('serve', function() {
  browserSync.init({
    server: {
      baseDir: './'
    }
  });

  gulp.watch('src/scss/*.scss', gulp.series('sass'));
  gulp.watch('src/js/*.js', gulp.series('uglify'));
  gulp.watch('*.html').on('change', browserSync.reload);
});

// 默认任务
gulp.task('default', gulp.series('sass', 'uglify', 'serve'));