{
"name": "project",
"version": "1.0.0",
"private": true
}
function reload(done) {
browserSync.reload();
done();
}
const
gulp = require('gulp'),
browsersync = require("browser-sync").create();
function browserSync(done) {
browsersync.init({
injectChanges: true,
server: {
baseDir: "./"
},
port: 3000,
notify: false
});
done();
}
function watchFiles(done) {
gulp.watch("*.html", browserSync.reload);
done();
}
const watch = gulp.parallel(watchFiles, browserSync);
exports.watch = watch;
const gulp = require('gulp'),
sass = require('gulp-sass'),
browsersync = require("browser-sync").create();
function browserSync(done) {
browsersync.init({
server: {
baseDir: "src"
},
port: 3000,
notify: false
});
done();
}
function gulpSass() {
return gulp
.src('app/sass/**/*.sass')
.pipe(sass({ outputStyle: "expanded" }))
.pipe(gulp.dest('app/css'))
.pipe(browsersync.stream())
}
gulp.task('sass', gulpSass);
gulp.task('browser-sync', browserSync);
gulp.task('default', gulp.parallel(browserSync, sass));
function browserSync(done) {
browsersync.init({
server: {
baseDir: "./"
},
port: 3000,
notify: false
});
done();
}
function gulpSass() {
return gulp
.src('app/sass/**/*.sass')
.pipe(sass({ outputStyle: "expanded" }))
.pipe(gulp.dest('app/css'))
.pipe(browsersync.stream())
}
gulp.task('sass', gulpSass);
gulp.task('browser-sync', browserSync);
gulp.task('default', gulp.parallel(browserSync, sass));