gulpfile.js

const gulp = require('gulp');
const del = require('del');
const sass = require('gulp-sass')(require('sass'));
const cleanCss = require('gulp-clean-css');
const sourcemaps = require('gulp-sourcemaps');
const buffer = require('vinyl-buffer');
const rename = require('gulp-rename');
const plumber = require('gulp-plumber');
const uglify = require('gulp-uglify');
const autoprefixer = require('gulp-autoprefixer');
const browserSync = require('browser-sync').create();

const theme = 'src/main/webapp/templates/1/default';
const errorTheme = 'src/main/webapp/templates/error';

function copy(done) {
    gulp.src('node_modules/jquery/dist/**/*')
        .pipe(gulp.dest(theme + '/_files/vendor/jquery/dist/'))
        .pipe(gulp.dest(errorTheme + '/_files/vendor/jquery/dist/'));
    gulp.src('node_modules/popper.js/dist/**/*')
        .pipe(gulp.dest(theme + '/_files/vendor/popper.js/dist'))
        .pipe(gulp.dest(errorTheme + '/_files/vendor/popper.js/dist'));
    gulp.src('node_modules/@fortawesome/fontawesome-free/{css,less,scss,webfonts}/*')
        .pipe(gulp.dest(theme + '/_files/vendor/fontawesome-free/'))
        .pipe(gulp.dest(errorTheme + '/_files/vendor/fontawesome-free/'));
    gulp.src('node_modules/axios/dist/**/*').pipe(gulp.dest(theme + '/_files/vendor/axios/dist/'));
    gulp.src('node_modules/js-cookie/dist/*').pipe(gulp.dest(theme + '/_files/vendor/js-cookie/dist/'));
    gulp.src('node_modules/jquery-validation/dist/**/*').pipe(gulp.dest(theme + '/_files/vendor/jquery-validation/dist/'));
    gulp.src('node_modules/jquery-serializejson/{jquery.serializejson,jquery.serializejson.min}.js')
        .pipe(gulp.dest(theme + '/_files/vendor/jquery-serializejson/'));
    gulp.src('node_modules/es6-promise-polyfill/promise.*').pipe(gulp.dest(theme + '/_files/vendor/es6-promise-polyfill/'));
    gulp.src('node_modules/crypto-js/crypto-js.js').pipe(rename({suffix: '.min'}))
        .pipe(uglify()).pipe(gulp.dest(theme + '/_files/vendor/crypto-js/'));
    gulp.src('node_modules/sm-crypto/dist/**/*').pipe(gulp.dest(theme + '/_files/vendor/sm-crypto/dist/'));
    gulp.src('node_modules/dayjs/{dayjs.min.js,locale/*}').pipe(gulp.dest(theme + '/_files/vendor/dayjs/'));
    gulp.src('node_modules/flatpickr/dist/**/*').pipe(gulp.dest(theme + '/_files/vendor/flatpickr/dist/'));
    gulp.src('node_modules/photoswipe/dist/**/*').pipe(gulp.dest(theme + '/_files/vendor/photoswipe/dist/'));
    gulp.src('node_modules/pdfjs-dist/{build,cmaps,image_decoders,legacy,standard_fonts,web}/**/*')
        .pipe(gulp.dest(theme + '/_files/vendor/pdfjs-dist/'));
    gulp.src('node_modules/pdfjs-dist/web/*.js').pipe(rename({suffix: '.min'}))
        .pipe(uglify()).pipe(gulp.dest(theme + '/_files/vendor/pdfjs-dist/web/'));
    gulp.src('node_modules/pdfjs-dist/web/*.css').pipe(rename({suffix: '.min'}))
        .pipe(cleanCss()).pipe(gulp.dest(theme + '/_files/vendor/pdfjs-dist/web/'));
    gulp.src('node_modules/pdfjs-dist/legacy/web/*.js').pipe(rename({suffix: '.min'}))
        .pipe(uglify()).pipe(gulp.dest(theme + '/_files/vendor/pdfjs-dist/legacy/web/'));
    gulp.src('node_modules/pdfjs-dist/legacy/web/*.css').pipe(rename({suffix: '.min'}))
        .pipe(cleanCss()).pipe(gulp.dest(theme + '/_files/vendor/pdfjs-dist/legacy/web/'));
    gulp.src('node_modules/blueimp-file-upload/{css,img,js}/**/*')
        .pipe(gulp.dest(theme + '/_files/vendor/blueimp-file-upload/'));
    gulp.src('node_modules/blueimp-file-upload/js/**/*.js').pipe(rename({suffix: '.min'}))
        .pipe(uglify()).pipe(gulp.dest(theme + '/_files/vendor/blueimp-file-upload/js/'));
    gulp.src('node_modules/cropperjs/dist/**/*').pipe(gulp.dest(theme + '/_files/vendor/cropperjs/dist/'));
    gulp.src('node_modules/jquery-cropper/dist/**/*').pipe(gulp.dest(theme + '/_files/vendor/jquery-cropper/dist/'));
    // bootstrap 需要编译，必须确保复制完成，再进行下一个任务
    return gulp.src('node_modules/bootstrap/{dist,scss}/**/*')
        .pipe(gulp.dest(theme + '/_files/vendor/bootstrap/'))
        .pipe(gulp.dest(errorTheme + '/_files/vendor/bootstrap/'));
    // done();
}

function clean(done) {
    del.sync([theme + '/_files/vendor']);
    del.sync([errorTheme + '/_files/vendor']);
    done();
}

function css() {
    return gulp.src(theme + '/_files/scss/*.scss')
        .pipe(plumber())
        .pipe(sass.sync({
            outputStyle: 'expanded',
            precision: 10,
            includePaths: ['.']
        }).on('error', sass.logError))
        .pipe(autoprefixer())
        .pipe(sourcemaps.init())
        .pipe(gulp.dest(theme + '/_files/css/'))
        .pipe(cleanCss())
        .pipe(rename({suffix: '.min'}))
        .pipe(sourcemaps.write('.'))
        .pipe(buffer())
        .pipe(gulp.dest(theme + '/_files/css/'))
        .pipe(browserSync.stream());
}

function watch() {
    browserSync.init({proxy: 'localhost:8080'});
    gulp.watch(theme + '/_files/scss/**/*.scss', gulp.parallel(css));
    gulp.watch(theme + '/_files/js/**/*.js').on('change', browserSync.reload);
    gulp.watch(theme + '/**/*.html').on('change', browserSync.reload);
}

exports.watch = gulp.series(css, watch);
exports.default = gulp.series(clean, copy, css);