67 lines
2.0 KiB
JavaScript
67 lines
2.0 KiB
JavaScript
// Initialize modules
|
|
// Importing specific gulp API functions lets us write them below as series() instead of gulp.series()
|
|
const { src, dest, watch, series, parallel } = require('gulp');
|
|
// Importing all the Gulp-related packages we want to use
|
|
const sourcemaps = require('gulp-sourcemaps');
|
|
const sass = require('gulp-sass');
|
|
const concat = require('gulp-concat');
|
|
const uglify = require('gulp-uglify');
|
|
const postcss = require('gulp-postcss');
|
|
const autoprefixer = require('autoprefixer');
|
|
const cssnano = require('cssnano');
|
|
var replace = require('gulp-replace');
|
|
|
|
|
|
// File paths
|
|
const files = {
|
|
scssPath: 'app/scss/**/*.scss',
|
|
jsPath: 'app/js/**/*.js'
|
|
}
|
|
|
|
// Sass task: compiles the style.scss file into style.css
|
|
function scssTask(){
|
|
return src(files.scssPath)
|
|
.pipe(sourcemaps.init()) // initialize sourcemaps first
|
|
.pipe(sass()) // compile SCSS to CSS
|
|
.pipe(postcss([ autoprefixer(), cssnano() ])) // PostCSS plugins
|
|
.pipe(sourcemaps.write('.')) // write sourcemaps file in current directory
|
|
.pipe(dest('dist')
|
|
); // put final CSS in dist folder
|
|
}
|
|
|
|
// JS task: concatenates and uglifies JS files to script.js
|
|
function jsTask(){
|
|
return src([
|
|
files.jsPath
|
|
//,'!' + 'includes/js/jquery.min.js', // to exclude any specific files
|
|
])
|
|
.pipe(concat('main.js'))
|
|
.pipe(uglify())
|
|
.pipe(dest('dist')
|
|
);
|
|
}
|
|
|
|
// Cachebust
|
|
var cbString = new Date().getTime();
|
|
function cacheBustTask(){
|
|
return src(['index.html'])
|
|
.pipe(replace(/cb=\d+/g, 'cb=' + cbString))
|
|
.pipe(dest('.'));
|
|
}
|
|
|
|
// Watch task: watch SCSS and JS files for changes
|
|
// If any change, run scss and js tasks simultaneously
|
|
function watchTask(){
|
|
watch([files.scssPath, files.jsPath],
|
|
parallel(scssTask, jsTask));
|
|
}
|
|
|
|
// Export the default Gulp task so it can be run
|
|
// Runs the scss and js tasks simultaneously
|
|
// then runs cacheBust, then watch task
|
|
exports.default = series(
|
|
parallel(scssTask, jsTask),
|
|
cacheBustTask,
|
|
watchTask
|
|
);
|