微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

当修女部分文件被修改时,浏览器同步重新加载

如何解决当修女部分文件被修改时,浏览器同步重新加载

我有一个吞咽任务如下:

gulp.task("nunjucks",() => {
  return gulp
    .src([src_folder + "pages/**/*.njk"])
    .pipe(plumber())
    .pipe(
      data(() =>
        JSON.parse(fs.readFileSync(src_folder + "datas/dist/data.json"))
      )
    )
    .pipe(nunjucks())
    .pipe(beautify.html({ indent_size: 2 }))
    .pipe(gulp.dest(dist_folder))
    .pipe(browserSync.stream({match: '**/*.html'}));
 });

gulp.watch([src_folder + '**/*.njk'],gulp.series("nunjucks")).on("change",browserSync.reload);

我的项目结构如下所示:

enter image description here

原子、分子和有机体包含 nunjucks 部分。

我遇到的问题是,每当我更新部分文件(例如:organisms/partial1.njk)时,我的任务都会检测 pages(我为任务 src 提供的路径)中的所有文件的更改,正如你在这里看到的:

enter image description here

我只想重新加载包含此部分文件而不是所有文件文件

我该如何解决这个问题?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。