80 lines
1.9 KiB
JavaScript
80 lines
1.9 KiB
JavaScript
const {series, watch, src, dest} = require('gulp');
|
|
const pump = require('pump');
|
|
|
|
// gulp plugins and utils
|
|
const livereload = require('gulp-livereload');
|
|
const postcss = require('gulp-postcss');
|
|
const zip = require('gulp-zip');
|
|
const uglify = require('gulp-uglify');
|
|
const beeper = require('beeper');
|
|
|
|
// postcss plugins
|
|
const autoprefixer = require('autoprefixer');
|
|
const colorFunction = require('postcss-color-function');
|
|
const cssnano = require('cssnano');
|
|
const customProperties = require('postcss-custom-properties');
|
|
const easyimport = require('postcss-easy-import');
|
|
|
|
function serve(done) {
|
|
livereload.listen();
|
|
done();
|
|
}
|
|
|
|
const handleError = (done) => {
|
|
return function (err) {
|
|
if (err) {
|
|
beeper();
|
|
}
|
|
return done(err);
|
|
};
|
|
};
|
|
|
|
function css(done) {
|
|
const processors = [
|
|
easyimport,
|
|
customProperties({preserve: false}),
|
|
colorFunction(),
|
|
autoprefixer({browsers: ['last 2 versions']}),
|
|
cssnano()
|
|
];
|
|
|
|
pump([
|
|
src('assets/css/*.css', {sourcemaps: true}),
|
|
postcss(processors),
|
|
dest('assets/built/', {sourcemaps: '.'}),
|
|
livereload()
|
|
], handleError(done));
|
|
}
|
|
|
|
function js(done) {
|
|
pump([
|
|
src('assets/js/*.js', {sourcemaps: true}),
|
|
uglify(),
|
|
dest('assets/built/', {sourcemaps: '.'}),
|
|
livereload()
|
|
], handleError(done));
|
|
}
|
|
|
|
function zipper(done) {
|
|
const targetDir = 'dist/';
|
|
const themeName = require('./package.json').name;
|
|
const filename = themeName + '.zip';
|
|
|
|
pump([
|
|
src([
|
|
'**',
|
|
'!node_modules', '!node_modules/**',
|
|
'!dist', '!dist/**'
|
|
]),
|
|
zip(filename),
|
|
dest(targetDir)
|
|
], handleError(done));
|
|
}
|
|
|
|
const watcher = () => watch('assets/css/**', css);
|
|
const build = series(css, js);
|
|
const dev = series(build, serve, watcher);
|
|
|
|
exports.build = build;
|
|
exports.zip = series(build, zipper);
|
|
exports.default = dev;
|