Skip to content

Instantly share code, notes, and snippets.

@otanodesignco
Created August 20, 2019 01:08
Show Gist options
  • Save otanodesignco/31bcbf2f5a3ddcc940621d1f1536771a to your computer and use it in GitHub Desktop.
Save otanodesignco/31bcbf2f5a3ddcc940621d1f1536771a to your computer and use it in GitHub Desktop.
Gulp file for 8/19/2019 for browsersync, and scss compile
const {task, dest, src, watch, series} = require('gulp');
const sass = require('gulp-sass');
const sourcemaps = require('gulp-sourcemaps');
const browsersync = require('browser-sync').create();
sass.compiler = require('node-sass');
function style(cb)
{
return src('./assets/styles/sass/**/*.scss')
.pipe(sourcemaps.init())
.pipe(sass().on('error', sass.logError))
.pipe(sourcemaps.write('./maps'))
.pipe(dest('./assets/styles/css/'))
.pipe(browsersync.stream());
cb();
}
task(style);
function follow(cb)
{
browsersync.init({
server: {
baseDir: './'
}
});
watch('./assets/styles/sass/**/*.scss', style);
watch('./*.html').on('change',browsersync.reload);
watch('./assets/scripts/**/*.js').on('change',browsersync.reload);
cb();
}
task(follow);
exports.follow = series(follow);
exports.style = series(style);
/*
npm install gulp-cli -g
npm install node-sass --save-dev
npm install gulp --save-dev
npm install gulp-sass --save-dev
npm install gulp-sourcemaps --save-dev
npm install gulp-browser-sync --save-dev
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment