Skip to content

Instantly share code, notes, and snippets.

@hougasian
Created November 3, 2016 19:26
Show Gist options
  • Save hougasian/4bcba36283b4a23bc1d4c81fcc42077b to your computer and use it in GitHub Desktop.
Save hougasian/4bcba36283b4a23bc1d4c81fcc42077b to your computer and use it in GitHub Desktop.
Gulp 4 gulpfile.js for Sass and JS
// Gulpfile.js running on stratumui,
// a css framework available on npmjs.com
var gulp = require('gulp'),
sass = require('gulp-sass'),
concat = require('gulp-concat'),
uglify = require('gulp-uglify'),
rename = require('gulp-rename');
var paths = {
styles: {
src: '/style/scss/*.scss',
dest: '/style/'
},
scripts: {
src: '/script/src/*.js',
dest: '/script/'
}
};
function styles() {
return gulp
.src(paths.styles.src, {
sourcemaps: true
})
.pipe(sass())
.pipe(rename({
basename: 'main',
suffix: '.min'
}))
.pipe(gulp.dest(paths.styles.dest));
}
function scripts() {
return gulp
.src(paths.scripts.src, {
sourcemaps: true
})
.pipe(uglify())
.pipe(concat('main.min.js'))
.pipe(gulp.dest(paths.scripts.dest));
}
function watch() {
gulp
.watch(paths.scripts.src, scripts);
gulp
.watch(paths.styles.src, styles);
}
var build = gulp.parallel(styles, scripts, watch);
gulp
.task(build);
gulp
.task('default', build);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment