@@ -140,9 +140,13 @@ function reload() {
140140 browserSync . reload ( ) ;
141141}
142142
143+ function reloadCSS ( ) {
144+ browserSync . reload ( '*.css' ) ;
145+ }
146+
143147function watch ( ) {
144- gulp . watch ( path . resolve ( paths ( ) . source . css , '**/*.css' ) ) . on ( 'change' , gulp . series ( 'pl-copy:css' , reload ) ) ;
145- gulp . watch ( path . resolve ( paths ( ) . source . styleguide , '**/*.*' ) ) . on ( 'change' , gulp . series ( 'pl-copy:styleguide' , 'pl-copy:styleguide-css' , reload ) ) ;
148+ gulp . watch ( path . resolve ( paths ( ) . source . css , '**/*.css' ) , { awaitWriteFinish : true } ) . on ( 'change' , gulp . series ( 'pl-copy:css' , reloadCSS ) ) ;
149+ gulp . watch ( path . resolve ( paths ( ) . source . styleguide , '**/*.*' ) , { awaitWriteFinish : true } ) . on ( 'change' , gulp . series ( 'pl-copy:styleguide' , 'pl-copy:styleguide-css' , reloadCSS ) ) ;
146150
147151 var patternWatches = [
148152 path . resolve ( paths ( ) . source . patterns , '**/*.json' ) ,
@@ -154,7 +158,7 @@ function watch() {
154158 path . resolve ( paths ( ) . source . annotations + '/*' )
155159 ] . concat ( getTemplateWatches ( ) ) ;
156160
157- gulp . watch ( patternWatches ) . on ( 'change' , gulp . series ( build , reload ) ) ;
161+ gulp . watch ( patternWatches , { awaitWriteFinish : true } ) . on ( 'change' , gulp . series ( build , reload ) ) ;
158162}
159163
160164gulp . task ( 'patternlab:connect' , gulp . series ( function ( done ) {
@@ -186,8 +190,8 @@ gulp.task('patternlab:connect', gulp.series(function(done) {
186190 }
187191 } , function ( ) {
188192 console . log ( 'PATTERN LAB NODE WATCHING FOR CHANGES' ) ;
193+ done ( ) ;
189194 } ) ;
190- done ( ) ;
191195} ) ) ;
192196
193197/******************************************************
0 commit comments