Fix browser sync vs watch issues

This commit is contained in:
Sam Potts
2020-01-14 07:25:04 +00:00
parent 56c0d7bd4d
commit ff105ee203

View File

@ -40,7 +40,7 @@ const plumber = require('gulp-plumber');
const size = require('gulp-size'); const size = require('gulp-size');
const sourcemaps = require('gulp-sourcemaps'); const sourcemaps = require('gulp-sourcemaps');
const through = require('through2'); const through = require('through2');
const browserSync = require("browser-sync").create(); const browserSync = require('browser-sync').create();
// ------------------------------------ // ------------------------------------
// Deployment // Deployment
// ------------------------------------ // ------------------------------------
@ -222,11 +222,13 @@ Object.entries(build.sprite).forEach(([filename, entry]) => {
gulp gulp
.src(src) .src(src)
.pipe(plumber()) .pipe(plumber())
.pipe(imagemin([ .pipe(
imagemin.svgo({ imagemin([
plugins: [{ removeViewBox: false }] imagemin.svgo({
}) plugins: [{ removeViewBox: false }],
])) }),
]),
)
.pipe(svgstore()) .pipe(svgstore())
.pipe(rename({ basename: path.parse(filename).name })) .pipe(rename({ basename: path.parse(filename).name }))
.pipe(size(sizeOptions)) .pipe(size(sizeOptions))
@ -250,19 +252,21 @@ gulp.task('watch', () => {
}); });
// Serve via browser sync // Serve via browser sync
gulp.task('serve', () => browserSync.init({ gulp.task('serve', () =>
server: { browserSync.init({
baseDir: paths.demo.root server: {
}, baseDir: paths.demo.root,
notify: false, },
watch: true notify: false,
})); watch: true,
}),
);
// Build distribution // Build distribution
gulp.task('build', gulp.series(tasks.clean, gulp.parallel(...tasks.js, ...tasks.css, ...tasks.sprite ))); gulp.task('build', gulp.series(tasks.clean, gulp.parallel(...tasks.js, ...tasks.css, ...tasks.sprite)));
// Default gulp task // Default gulp task
gulp.task('default', gulp.series('build', 'serve', 'watch' )); gulp.task('default', gulp.series('build', gulp.parallel('serve', 'watch')));
// Publish a version to CDN and demo // Publish a version to CDN and demo
// -------------------------------------------- // --------------------------------------------
@ -344,7 +348,10 @@ gulp.task('version', done => {
const files = ['plyr.js', 'plyr.polyfilled.js', 'config/defaults.js']; const files = ['plyr.js', 'plyr.polyfilled.js', 'config/defaults.js'];
return gulp return gulp
.src(files.map(file => path.join(__dirname, `src/js/${file}`)), { base: '.' }) .src(
files.map(file => path.join(__dirname, `src/js/${file}`)),
{ base: '.' },
)
.pipe(replace(semver, `v${version}`)) .pipe(replace(semver, `v${version}`))
.pipe(replace(cdnpath, `${domain}/${version}/`)) .pipe(replace(cdnpath, `${domain}/${version}/`))
.pipe(gulp.dest('./')); .pipe(gulp.dest('./'));