@@ -140,9 +140,13 @@ function reload() {
140
140
browserSync . reload ( ) ;
141
141
}
142
142
143
+ function reloadCSS ( ) {
144
+ browserSync . reload ( '*.css' ) ;
145
+ }
146
+
143
147
function 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 ) ) ;
146
150
147
151
var patternWatches = [
148
152
path . resolve ( paths ( ) . source . patterns , '**/*.json' ) ,
@@ -154,7 +158,7 @@ function watch() {
154
158
path . resolve ( paths ( ) . source . annotations + '/*' )
155
159
] . concat ( getTemplateWatches ( ) ) ;
156
160
157
- gulp . watch ( patternWatches ) . on ( 'change' , gulp . series ( build , reload ) ) ;
161
+ gulp . watch ( patternWatches , { awaitWriteFinish : true } ) . on ( 'change' , gulp . series ( build , reload ) ) ;
158
162
}
159
163
160
164
gulp . task ( 'patternlab:connect' , gulp . series ( function ( done ) {
@@ -186,8 +190,8 @@ gulp.task('patternlab:connect', gulp.series(function(done) {
186
190
}
187
191
} , function ( ) {
188
192
console . log ( 'PATTERN LAB NODE WATCHING FOR CHANGES' ) ;
193
+ done ( ) ;
189
194
} ) ;
190
- done ( ) ;
191
195
} ) ) ;
192
196
193
197
/******************************************************
0 commit comments