gulp-sync的用法是什么?

时间:2017-12-24 06:17:49

标签: javascript gulp synchronization

我正在阅读一个软件https://github.com/SKempin/reactjs-tmdb-app

当我读到它的github时,有一个模块名synchttps://github.com/kaminaly/gulp-sync它没有说些什么。我认为它应该允许一些任务同步运行。但是在它的gulp文件中https://github.com/SKempin/reactjs-tmdb-app/blob/master/gulpfile.js#L132,如果我替换

gulp.task('watch', sync(['clean-bundle', 'serve']), function() {
    bundler.watch();
    gulp.watch('app/scripts/**/*.js', ['scripts']);
    gulp.watch('app/*.html', ['html']);
    gulp.watch('app/styles/**/*.scss', ['styles']);
    gulp.watch('app/images/**/*', ['images']);
    gulp.watch('app/fonts/**/*', ['fonts']);
});

使用

gulp.task('watch', ['clean-bundle', 'serve'], function() {
    bundler.watch();
    gulp.watch('app/scripts/**/*.js', ['scripts']);
    gulp.watch('app/*.html', ['html']);
    gulp.watch('app/styles/**/*.scss', ['styles']);
    gulp.watch('app/images/**/*', ['images']);
    gulp.watch('app/fonts/**/*', ['fonts']);
});

网站会在我们运行gulp后打开,但在打开之后会显示

Cannot GET /
在浏览器中。控制台显示:

  

localhost /:10拒绝执行内联脚本,因为它违反了   遵循内容安全策略指令:" default-src' self'"。   “不安全 - 内联”和“不安全”。关键字,哈希   (' sha256-gpnLwpFw97DB28 / JjA3G79AHgq5DtCgFiFwjahrA1d4 ='),或者一个nonce   (' nonce -...')是启用内联执行所必需的。另请注意   '脚本的src'没有明确设置,所以' default-src'用作a   回退。

刷新此页面后,真实的网站会显示出来。 你能告诉我同步在这里播放的角色吗?感谢。

1 个答案:

答案 0 :(得分:0)

开发人员希望确保serveclean-bundle完成之前无法运行。由于gulp默认运行任务异步,因此您可以使用该插件来控制哪些方法运行async vs sync。