Skip to content
This repository was archived by the owner on Jun 25, 2025. It is now read-only.

Inject css styles instead of reloading page for local server #781

Open
Nibblesh wants to merge 6 commits into
base: master
Choose a base branch
from
Open

Inject css styles instead of reloading page for local server #781

Changes from 2 commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
6b2a181
Inject css styles instead of reloading page for local server
Nov 15, 2015
63c1dc6
remove styles script from array in watch
Nov 16, 2015
7aab6b4
added conditional check to see if browsersync is active before inject…
Feb 8, 2016
c48d5b8
browsersync typo
Feb 8, 2016
409bf37
changed browserSync instance to manually created to work with browser…
Feb 8, 2016
1f3e58c
updated serve:dist to call init
Feb 8, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions gulpfile.babel.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,8 @@ gulp.task('styles', () => {
.pipe($.if('*.css', $.minifyCss()))
.pipe($.size({title: 'styles'}))
.pipe($.sourcemaps.write('./'))
.pipe(gulp.dest('dist/styles'));
.pipe(gulp.dest('dist/styles'))
.pipe(browserSync.stream({match: '**/*.css'}));
Copy link
Copy Markdown
Contributor

@ramasilveyra ramasilveyra Feb 7, 2016

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Change this line for .pipe($.if(bs.active, bs.stream({ match: '**/*.css' })));. Because the gulp task style can be executed without Browsersync.

Copy link
Copy Markdown
Author

@Nibblesh Nibblesh Feb 8, 2016

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

done =)

});

// Concatenate and minify JavaScript. Optionally transpiles ES2015 code to ES5.
Expand Down Expand Up @@ -175,7 +176,7 @@ gulp.task('serve', ['scripts', 'styles'], () => {
});

gulp.watch(['app/**/*.html'], reload);
gulp.watch(['app/styles/**/*.{scss,css}'], ['styles', reload]);
gulp.watch(['app/styles/**/*.{scss,css}'], 'styles');
gulp.watch(['app/scripts/**/*.js'], ['lint', 'scripts']);
gulp.watch(['app/images/**/*'], reload);
});
Expand Down