mirror of https://github.com/ColorlibHQ/gentelella
69 lines
1.8 KiB
JavaScript
69 lines
1.8 KiB
JavaScript
const
|
|
gulp = require('gulp'),
|
|
concat = require('gulp-concat'),
|
|
uglify = require('gulp-uglify'),
|
|
rename = require('gulp-rename'),
|
|
sass = require('gulp-ruby-sass'),
|
|
autoprefixer = require('gulp-autoprefixer'),
|
|
browserSync = require('browser-sync').create();
|
|
|
|
const DEST = 'build/';
|
|
|
|
gulp.task('scripts', function() {
|
|
return gulp.src([
|
|
'src/js/helpers/*.js',
|
|
'src/js/*.js',
|
|
])
|
|
.pipe(concat('custom.js'))
|
|
.pipe(gulp.dest(DEST+'/js'))
|
|
.pipe(rename({suffix: '.min'}))
|
|
.pipe(uglify())
|
|
.pipe(gulp.dest(DEST+'/js'))
|
|
.pipe(browserSync.stream());
|
|
});
|
|
|
|
// TODO: Maybe we can simplify how sass compile the minify and unminify version
|
|
var compileSASS = function (filename, options) {
|
|
return sass('src/scss/*.scss', options)
|
|
.pipe(autoprefixer('last 2 versions', '> 5%'))
|
|
.pipe(concat(filename))
|
|
.pipe(gulp.dest(DEST+'/css'))
|
|
.pipe(browserSync.stream());
|
|
};
|
|
|
|
gulp.task('sass', function() {
|
|
return compileSASS('custom.css', {});
|
|
});
|
|
|
|
gulp.task('sass-minify', function() {
|
|
return compileSASS('custom.min.css', {style: 'compressed'});
|
|
});
|
|
|
|
gulp.task('browser-sync', function() {
|
|
browserSync.init({
|
|
server: {
|
|
baseDir: './'
|
|
},
|
|
startPath: './production/index.html'
|
|
});
|
|
});
|
|
|
|
gulp.task('watch', function(done) {
|
|
// Watch .html files
|
|
gulp.watch('production/*.html').
|
|
on('change', browserSync.reload);
|
|
// Watch .js files
|
|
gulp.watch('src/js/*.js').
|
|
on('change', gulp.series(['scripts']));
|
|
// Watch .scss files
|
|
gulp.watch('src/scss/*.scss').
|
|
on('change', gulp.series(['sass', 'sass-minify']));
|
|
|
|
done();
|
|
});
|
|
|
|
// Default Task
|
|
gulp.task('default',
|
|
gulp.series(
|
|
gulp.parallel('scripts', 'sass', 'sass-minify'),
|
|
gulp.parallel('browser-sync', 'watch'))); |