diff --git a/_src/_includes/snippets/gulp/reload.js b/_src/_includes/snippets/gulp/reload.js index a9da7b5..f36dfb4 100644 --- a/_src/_includes/snippets/gulp/reload.js +++ b/_src/_includes/snippets/gulp/reload.js @@ -14,7 +14,7 @@ gulp.task('js', function () { gulp.task('js-watch', ['js'], browserSync.reload); // use default task to launch Browsersync and watch JS files -gulp.task('serve', ['js'], function () { +gulp.task('serve', ['js'], function (async) { // Serve files from the root of this project browserSync.init({ diff --git a/_src/_includes/snippets/gulp/reload.manual.js b/_src/_includes/snippets/gulp/reload.manual.js index 951e8f0..c3d7db0 100644 --- a/_src/_includes/snippets/gulp/reload.manual.js +++ b/_src/_includes/snippets/gulp/reload.manual.js @@ -5,7 +5,7 @@ var reload = browserSync.reload; // Save a reference to the `reload` method // Watch scss AND html files, doing different things with each. -gulp.task('serve', function () { +gulp.task('serve', function (async) { // Serve files from the root of this project browserSync.init({ diff --git a/_src/_includes/snippets/gulp/require.js b/_src/_includes/snippets/gulp/require.js index 52ee12e..d191f26 100644 --- a/_src/_includes/snippets/gulp/require.js +++ b/_src/_includes/snippets/gulp/require.js @@ -2,7 +2,7 @@ var gulp = require('gulp'); var browserSync = require('browser-sync').create(); // Static server -gulp.task('browser-sync', function() { +gulp.task('browser-sync', function(async) { // async support browserSync.init({ server: { baseDir: "./" @@ -12,7 +12,7 @@ gulp.task('browser-sync', function() { // or... -gulp.task('browser-sync', function() { +gulp.task('browser-sync', function(async) { // async support browserSync.init({ proxy: "yourlocal.dev" }); diff --git a/_src/_includes/snippets/gulp/sass.js b/_src/_includes/snippets/gulp/sass.js index f5dc5ed..9a57490 100644 --- a/_src/_includes/snippets/gulp/sass.js +++ b/_src/_includes/snippets/gulp/sass.js @@ -3,7 +3,7 @@ var browserSync = require('browser-sync').create(); var sass = require('gulp-sass'); // Static Server + watching scss/html files -gulp.task('serve', ['sass'], function() { +gulp.task('serve', ['sass'], function(async) { browserSync.init({ server: "./app" diff --git a/_src/_includes/snippets/gulp/sass.maps.js b/_src/_includes/snippets/gulp/sass.maps.js index 48fdb17..d75c801 100644 --- a/_src/_includes/snippets/gulp/sass.maps.js +++ b/_src/_includes/snippets/gulp/sass.maps.js @@ -3,7 +3,7 @@ var sass = require("gulp-ruby-sass"); var browserSync = require("browser-sync").create(); // Static Server + watching scss/html files -gulp.task('serve', ['sass'], function() { +gulp.task('serve', ['sass'], function(async) { browserSync.init({ server: "./app" diff --git a/_src/docs/gulp.hbs b/_src/docs/gulp.hbs index 3d6a6fc..eda0fe8 100644 --- a/_src/docs/gulp.hbs +++ b/_src/docs/gulp.hbs @@ -27,6 +27,11 @@ Then, use them within your `gulpfile.js`: {{ hl src="snippets/gulp/require.js" }} +{{#md}} +Be sure to pass a callback to the task to ensure it [supports async](https://github.com/gulpjs/gulp/blob/master/docs/API.md#async-task-support) +so that the `browserSync` [server](/docs/options/#option-server) stays running. +{{/md}} + {{ inc src="headerlink.html" title="SASS + CSS Injecting" slug="gulp-sass-css" }} {{#md}} @@ -67,4 +72,4 @@ by wrapping it in a task. This example will compile & auto-inject CSS just as be changed, the browsers will be reloaded instead. {{/md}} -{{ hl src="snippets/gulp/reload.manual.js" }} \ No newline at end of file +{{ hl src="snippets/gulp/reload.manual.js" }}