Fix browser sync vs watch issues
This commit is contained in:
31
gulpfile.js
31
gulpfile.js
@ -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('./'));
|
||||||
|
Reference in New Issue
Block a user