requireDir('./gulp/tasks');
+function browserReloadSync(done) {
+ browser.reload();
+ done();
+}
+
// Builds the documentation and framework files
gulp.task('build', gulp.series('clean', 'copy', 'sass', 'javascript', 'docs:all'));
// Starts a BrowerSync instance
-gulp.task('serve', gulp.series('build', function(){
+gulp.task('serve', gulp.series('build', function(done){
browser.init({server: './_build', port: port});
+ done();
}));
// Watch files for changes
gulp.task('watch', function() {
- gulp.watch('docs/**/*', gulp.series('docs', browser.reload));
- gulp.watch(['docs/layout/*.html', 'docs/partials/*{html,hbs}', 'docs/assets/partials/*{html,hbs}', 'node_modules/foundation-docs/templates/*{html,hbs}'], gulp.series('docs:all', browser.reload));
- gulp.watch('scss/**/*', gulp.series('sass', browser.reload));
- gulp.watch(['docs/assets/scss/**/*', 'node_modules/foundation-docs/scss/**/*'], gulp.series('sass:docs', browser.reload));
- gulp.watch('js/**/*', gulp.series('javascript:foundation', browser.reload));
- gulp.watch(['docs/assets/js/**/*', 'node_modules/foundation-docs/js/**/*'], gulp.series('javascript:docs', browser.reload));
+ gulp.watch('docs/**/*', gulp.series('docs', browserReloadSync));
+ gulp.watch(['docs/layout/*.html', 'docs/partials/*{html,hbs}', 'docs/assets/partials/*{html,hbs}', 'node_modules/foundation-docs/templates/*{html,hbs}'], gulp.series('docs:all', browserReloadSync));
+ gulp.watch('scss/**/*', gulp.series('sass', browserReloadSync));
+ gulp.watch(['docs/assets/scss/**/*', 'node_modules/foundation-docs/scss/**/*'], gulp.series('sass:docs', browserReloadSync));
+ gulp.watch('js/**/*', gulp.series('javascript:foundation', browserReloadSync));
+ gulp.watch(['docs/assets/js/**/*', 'node_modules/foundation-docs/js/**/*'], gulp.series('javascript:docs', browserReloadSync));
});
// Runs all of the above tasks and then waits for files to change