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([
imagemin.svgo({ imagemin.svgo({
plugins: [{ removeViewBox: false }] 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', () =>
browserSync.init({
server: { server: {
baseDir: paths.demo.root baseDir: paths.demo.root,
}, },
notify: false, notify: false,
watch: true 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('./'));