Skip to content

Instantly share code, notes, and snippets.

@hougasian
Last active August 31, 2017 19:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hougasian/75578f65e380be7caac9125febfd00ff to your computer and use it in GitHub Desktop.
Save hougasian/75578f65e380be7caac9125febfd00ff to your computer and use it in GitHub Desktop.
Gulpfile running Sass, Pleeease, and a local server
// Requires node/npm and installed packages
// npm i gulp --save
// npm i gulp-pleeease, gulp-sass, gulp-connect --save
var gulp = require('gulp'),
connect = require('gulp-connect'),
pleeease = require('gulp-pleeease'),
sass = require('gulp-sass');
var PleeeaseOptions = {
"rem": true,
"opacity": true,
"pseudoElements": true
};
// Compile Sass
gulp.task('sass', function() {
return gulp.src('stylesheets/sass/main.scss') // <-- your css folder structure
.pipe(sass()
.on('error', sass.logError))
.pipe(pleeease(PleeeaseOptions))
.pipe(gulp.dest('stylesheets'));
});
gulp.task('connect', function() {
connect.server({
root: './',
port: 8001,
livereload: true
});
});
// Watch Files For Changes
gulp.task('watch', function() {
// gulp.watch('js/src/*.js', ['lint', 'scripts']);
gulp.watch('js/src/*.js', ['scripts']);
gulp.watch('stylesheets/sass/*.scss', ['sass']);
});
// Default Task
gulp.task('default', ['watch', 'connect']);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment