const bs = liteServer({ console: consoleStubs, argv: [] }, callbackStub); assert.ok(bs.init, 'returns browsersync'); assert.ok( browserSyncMethodStubs.init.calledWithMatch({ ); assert.ok(bs.init, 'returns browsersync'); assert.ok(consoleStubs.info.calledWithMatch('Did not detect')); }); assert.ok(bs.init, 'returns browsersync');
gulp.task('default', ['css', 'js'], () => { browserSync.init({ server: { baseDir: ['./test/sandbox', './'] } }) gulp.watch(['./mocha-extjs.js', './src/**/*', './test/suites/**/*', './test/sandbox/app/**/*'], ['js']) gulp.watch('./scss/*.scss', ['css']) gulp.watch(['./dist/*'], browserSync.reload) })
var startWatch = function() { browserSync.init({ proxy: 'http://' + process.env.APP_HOST + ':' + process.env.APP_PORT }); gulp.watch(paths.source.scss, ['watch-scss']); gulp.watch(paths.source.backendViews, ['watch-views']); gulp.watch(paths.source.backendYaml, ['watch-yaml']); gulp.watch(paths.source.backendJs, ['watch-backend-js']); }
function bundleWithBrowserify() { return watchFrontendJs.bundle() .on('error', gutil.log.bind(gutil, 'Browserify Error')) .pipe(source('bundle.js')) .pipe(gulp.dest(paths.build.frontendJs)) .pipe(browserSync.stream()); }
// give nodemon time to restart gulp.task('bs-delay', () => { setTimeout(() => { bs.reload({ stream: false }); }, 1000); });
// Compile SASS into CSS & auto-inject into browsers gulp.task('sass', function() { return gulp.src('src/scss/*.scss') .pipe(sass({ sourceComments: 'map', sourceMap: 'scss' })) .pipe(gulp.dest('assets/css')) .pipe(browserSync.stream()); });
// the real stuff gulp.task('default', ['browser-sync'], () => { // gulp.watch('./views/**/*.hbs', bs.reload); gulp.watch('./public/**/*.js', bs.reload); gulp.watch('./public/css/**/*.css', bs.reload); gulp.watch(['./routes/**/*.js', './app.js', './bin/www', './views/**/*.hbs'], ['bs-delay']); setTimeout(() => openBrowser('http://localhost:4000'), 1000); });
// Minify compiled CSS gulp.task('minify-css', ['less'], function() { return gulp.src('css/creative.css') .pipe(cleanCSS({ compatibility: 'ie8' })) .pipe(rename({ suffix: '.min' })) .pipe(gulp.dest('css')) .pipe(browserSync.reload({ stream: true })) });
// browser sync watching files gulp.task('watch', ['browser-sync'], function () { gulp.watch(['*.html', 'src/scripts/*.js', 'src/styles/*.css']).on('change', browserSync.reload); gulp.watch('src/**/*.js', ['webpack']); });
gulp.task('serve', ['build'], function() { return browserSync.init({ port: port, server: { baseDir: './' }, reloadDelay: 2000 }) })
// Dev task with browserSync gulp.task('dev', ['browserSync', 'less', 'minify-css', 'minify-js'], function() { gulp.watch('less/*.less', ['less']); gulp.watch('css/*.css', ['minify-css']); gulp.watch('js/*.js', ['minify-js']); // Reloads the browser whenever HTML or JS files change gulp.watch('*.html', browserSync.reload); gulp.watch('js/**/*.js', browserSync.reload); });
// Compiles SCSS files from /scss into /css gulp.task('sass', function() { return gulp.src('scss/sb-admin.scss') .pipe(sass()) .pipe(header(banner, { pkg: pkg })) .pipe(gulp.dest('css')) .pipe(browserSync.reload({ stream: true })) });
// Watching scss/less/html files gulp.task('watch', ['serve', 'sass', 'js'], function() { gulp.watch('src/scss/**/*.scss', ['sass']); gulp.watch('src/js/**/*.js', ['js']); gulp.watch('src/index.html').on('change', browserSync.reload); });
// Static server gulp.task('browser-sync', function() { browserSync.init({ server: { baseDir: "./" } }); });
gulp.task('server', function () { browserSync.init(distDir+'**/*.*', { server: { baseDir: distDir, }, port: 8080, notify: true }); });