• 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']);
    });
  • 相关阅读:
    Larval API 跨域问题解决
    php常用接口
    phpstudy+nigix+larval伪静态配置
    js、jquery让滚动条到底部
    JS 数组转json和json转数组
    python 基础(十七)内置函数
    python 基础(十六)生成器用法举例
    python 基础(十五)生成器
    python 基础(十四)装饰器
    python基础(十三)模块的定义、导入
  • 原文地址:https://www.cnblogs.com/victory820/p/6586273.html
Copyright © 2020-2023  润新知