Created
August 20, 2019 01:08
-
-
Save otanodesignco/31bcbf2f5a3ddcc940621d1f1536771a to your computer and use it in GitHub Desktop.
Gulp file for 8/19/2019 for browsersync, and scss compile
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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