138 lines
5.0 KiB
JavaScript
138 lines
5.0 KiB
JavaScript
'use strict';
|
|
|
|
const autoprefixer = require('../../node_modules/gulp-autoprefixer'),
|
|
babel = require('../../node_modules/gulp-babel'),
|
|
concat = require('../../node_modules/gulp-concat'),
|
|
cssnano = require('../../node_modules/gulp-cssnano'),
|
|
del = require('../../node_modules/del'),
|
|
eslint = require('../../node_modules/gulp-eslint'),
|
|
gulp = require('../../node_modules/gulp'),
|
|
imagemin = require('../../node_modules/gulp-imagemin'),
|
|
jpegRecompress = require('../../node_modules/imagemin-jpeg-recompress'),
|
|
notify = require('../../node_modules/gulp-notify'),
|
|
plumber = require('../../node_modules/gulp-plumber'),
|
|
rename = require('../../node_modules/gulp-rename'),
|
|
runSequence = require('../../node_modules/run-sequence'),
|
|
sass = require('../../node_modules/gulp-sass'),
|
|
sourcemaps = require('../../node_modules/gulp-sourcemaps'),
|
|
stylelint = require('../../node_modules/gulp-stylelint'),
|
|
uglify = require('../../node_modules/gulp-uglify');
|
|
|
|
function customPlumber (errTitle) {
|
|
return plumber({
|
|
errorHandler: notify.onError({
|
|
title: errTitle || "Ouch! Error running Gulp",
|
|
message: "Error: <%= error.message %>"
|
|
})
|
|
});
|
|
}
|
|
|
|
// Styles
|
|
gulp.task('styles:lint', function() {
|
|
return gulp.src('source/assets/scss/**/*.scss')
|
|
.pipe(customPlumber('Ouch! Error Running StyleLint'))
|
|
.pipe(stylelint({
|
|
failAfterError: false,
|
|
reporters: [
|
|
{formatter: 'verbose', console: true}
|
|
]
|
|
}));
|
|
});
|
|
|
|
gulp.task('styles:serve', function() {
|
|
return gulp.src('source/assets/scss/main.scss')
|
|
.pipe(sourcemaps.init())
|
|
.pipe(customPlumber('Ouch! Error Running Sass'))
|
|
.pipe(sass({errLogToConsole: true}))
|
|
.pipe(autoprefixer(['last 2 versions', 'IE 9', 'iOS 8', 'Android 4']))
|
|
.pipe(rename({ suffix: '.min' })) // for using in dev mode
|
|
.pipe(sourcemaps.write('./'))
|
|
.pipe(gulp.dest('source/css'));
|
|
});
|
|
|
|
gulp.task('styles:build', function() {
|
|
return gulp.src('source/assets/scss/main.scss')
|
|
.pipe(customPlumber('Ouch! Error Running Sass'))
|
|
.pipe(sass({errLogToConsole: true}))
|
|
.pipe(autoprefixer(['last 2 versions', 'IE 9', 'iOS 8', 'Android 4']))
|
|
.pipe(rename({ suffix: '.min' }))
|
|
.pipe(cssnano())
|
|
.pipe(gulp.dest('source/css/'))
|
|
});
|
|
|
|
// Scripts
|
|
gulp.task('scripts:serve', function() {
|
|
return gulp.src('source/assets/scripts/*.js')
|
|
.pipe(sourcemaps.init())
|
|
.pipe(babel({
|
|
presets: ['es2015']
|
|
}))
|
|
.pipe(customPlumber('Ouch! Error Running Scripts'))
|
|
.pipe(eslint())
|
|
.pipe(eslint.format())
|
|
//.pipe(concat('main.js'))
|
|
.pipe(rename({ suffix: '.min' })) // for using in dev mode
|
|
.pipe(sourcemaps.write('./'))
|
|
.pipe(gulp.dest('source/js/'));
|
|
});
|
|
|
|
gulp.task('scripts:build', function() {
|
|
return gulp.src('source/assets/scripts/*.js')
|
|
.pipe(babel({
|
|
presets: ['es2015']
|
|
}))
|
|
.pipe(customPlumber('Ouch! Error Running Scripts'))
|
|
//.pipe(concat('main.js'))
|
|
.pipe(rename({suffix: '.min'}) )
|
|
.pipe(uglify())
|
|
.pipe(gulp.dest('source/js/'))
|
|
});
|
|
|
|
// Vendor Scripts
|
|
gulp.task('vendor', function() {
|
|
return gulp.src('source/assets/scripts/vendor/*.js')
|
|
.pipe(customPlumber('Ouch! Error Running Vendor'))
|
|
.pipe(concat('vendor.js')) // only if http2 not configured on server
|
|
.pipe(rename({suffix: '.min'}))
|
|
.pipe(uglify())
|
|
.pipe(gulp.dest('source/js/'));
|
|
});
|
|
|
|
// Clean
|
|
gulp.task('clean', function () {
|
|
return del(['source/js/*', 'source/css/*']);
|
|
});
|
|
|
|
// Images
|
|
gulp.task('images', function() {
|
|
return gulp.src('../../source/img/**/*')
|
|
.pipe(imagemin([
|
|
imagemin.gifsicle(),
|
|
jpegRecompress({
|
|
loops: 4,
|
|
min: 50,
|
|
max: 95,
|
|
quality:'high'
|
|
}),
|
|
imagemin.optipng(),
|
|
imagemin.svgo()
|
|
]))
|
|
.pipe(gulp.dest('../../source/img'))
|
|
});
|
|
|
|
// Watch
|
|
gulp.task('watch', function() {
|
|
gulp.watch('./source/assets/scss/**/*.scss', ['styles:serve']);
|
|
gulp.watch('./source/assets/scripts/**/*.js', ['scripts:serve']);
|
|
});
|
|
|
|
// Development Mode
|
|
gulp.task('default', function () {
|
|
runSequence('styles:lint', 'styles:serve', 'scripts:serve', 'vendor', 'watch');
|
|
});
|
|
|
|
// Production Mode
|
|
gulp.task('build', function (done) {
|
|
runSequence('clean', 'styles:build', 'scripts:build', 'vendor', 'images', done);
|
|
});
|