Question

我正在使用Gulp + BrowserSync来监视我在MAMP本地托管的CraftCMS中使用的.twig文件的更改，并且运行良好，但是，重新加载的速度比我想要的慢。 / p>

我的Gulp服务任务：

gulp.task('serve', function() {
    browsersync.init({
        open: 'external',
        host: 'local.project-name.com',
        proxy: "local.project.name.com",
        port: 3000,
        notify: false
    })
})

嫩枝看任务

gulp.task('twig-watch', () => {
    return gulp.src(paths.twig.watch)
        .pipe(browserSync.reload({ stream: true }))
})

gulp.watch(paths.twig.watch, gulp.series('twig-watch'))
    .on('change', function () {
        notify({
            title: "? Twig reloaded",
            message: "Twig changed"
        }).write('')
    })

当我将静态模板与Nunjucks一起使用时，我的Sass任务重新加载几乎是即时的。但是现在我正在查看一个工艺代理，大约需要一秒钟，这将加起来！

一个潜在的问题可能是，当我更改一个.twig文件时，BrowserSync告诉我，实际上只有一个文件被更改时，它认为17个文件已更改：

[Browsersync] 17 files changed (helpers.twig, _base.twig, favicons.twig, footer.twig, _index.twig, article.twig, homepage.twig, news.twig, workshop.twig, back-link.twig, news-card.twig, pagination.twig, questions.twig, share.twig, workshop-details.twig, workshop-purchase.twig, workshop.twig)

任何有关如何改进此Gulp设置性能的建议都将不胜感激。

谢谢！

在本地MAMP / CMS开发中使用BrowserSync很慢

0 个答案: