zoukankan      html  css  js  c++  java
  • gulpfile配置

    /**
    * 只包含合并压缩混淆,监听服务
    */
    // 引入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']);
    });
  • 相关阅读:
    头像裁剪
    实现视频音频基本功能
    原生js实现淘宝验证滑动条 onmousedown onmousemove onmouseup
    hammer实现手机滑动条
    用hammer实现触摸 pan 方法
    TCP cs通信(接收传输)
    HDU6010 DayLight Saving Light(模拟)
    HDU_6000 Wash!(贪心)
    HDU_5783_DivideTheSequence
    LCS(HDU_5495 循环节)
  • 原文地址:https://www.cnblogs.com/victory820/p/6586273.html
Copyright © 2011-2022 走看看