gulpfile配置

Posted 2020-09-05 daV_chen

/**
 * 只包含合并压缩混淆，监听服务
 */
// 引入gulp模块
var gulp = require(‘gulp‘);

// 引入其他模块
var less = require(‘gulp-less‘),// less转化
    concat = require(‘gulp-concat‘),// 文件合并
    minicss = require(‘gulp-mini-css‘),// css压缩
    uglify = require(‘gulp-uglify‘),// js压缩
    obfuscate = require(‘gulp-obfuscate‘),// js混淆
    htmlmin = require(‘gulp-htmlmin‘), // html压缩
    imgmin = require(‘gulp-imagemin‘), // 图片压缩
    browserSync = require(‘browser-sync‘);//服务启动


// 处理css操作
gulp.task(‘styles‘, function () {
    gulp.src(‘./src/styles/*.less‘)
        .pipe(less())// 转化为css
        .pipe(concat(‘allCss.css‘))// 合并css
        .pipe(minicss())// 压缩css
        .pipe(gulp.dest(‘./dist/css‘))
        .pipe(browserSync.reload({stream: true}));
});

// 处理js操作
gulp.task(‘scripts‘, function () {
    gulp.src(‘./src/scripts/*.js‘)
        .pipe(concat(‘all.js‘))
        .pipe(obfuscate())
        .pipe(uglify())
        .pipe(gulp.dest(‘./dist/scripts‘))
        .pipe(browserSync.reload({stream: true}));
});

// 图片操作
gulp.task(‘images‘, function () {
    gulp.src(‘./src/images/*.*‘)
        .pipe(imgmin())
        .pipe(gulp.dest(‘./dist/images‘));
});

// 处理html操作
gulp.task(‘htmls‘, function () {
    gulp.src(‘./src/*.html‘)
        .pipe(htmlmin({
            collapseWhitespace: true,
            removeComments: true
        }))
        .pipe(gulp.dest(‘./dist‘))
    .pipe(browserSync.reload({stream: true}));
});

// 监听文件
gulp.task(‘serv‘, function () {
    browserSync.init({
        server: {baseDir: [‘./dist‘]}
    });
    gulp.watch(‘./src/styles/*.less‘, [‘styles‘]);
    gulp.watch(‘./src/scripts/*.js‘, [‘scripts‘]);
    gulp.watch(‘./src/*.html‘, [‘htmls‘]);
});