博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
自己写的gulpfile.js文件
阅读量:6330 次
发布时间:2019-06-22

本文共 3102 字,大约阅读时间需要 10 分钟。

var gulp = require('gulp'), // 必须先引入gulp插件    clean = require('gulp-clean'),  // 文件删除    less = require('gulp-less'), // less 编译    gutil = require('gulp-util'),// 控制台着色    cached = require('gulp-cached'), // 缓存当前任务中的文件,只让已修改的文件通过管道    uglify = require('gulp-uglify'), // js 压缩    rename = require('gulp-rename'), // 重命名    concat = require('gulp-concat'), // 合并文件    notify = require('gulp-notify'), // 修改提醒    cssnano = require('gulp-cssnano'), // CSS 压缩    imagemin = require('gulp-imagemin'), // 图片优化    browserSync = require('browser-sync'), // 保存自动刷新    autoprefixer = require('gulp-autoprefixer');// 添加 CSS 浏览器前缀//--------------------------common  tasks-----------------------------//编译less--发布到本文件夹下相应目录gulp.task('lessLocal', function() {    return gulp.src('src/css/*.less',{base:'./src'})    .pipe(cached('less'))    .pipe(less())    .pipe(autoprefixer('last 6 version'))    .pipe(gulp.dest('src'));});//|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||//编译lessEclipse——方便与开发联调,发布到tomcat和eclipse相应项目目录中gulp.task('lessEclipse', function() {    return gulp.src('src/cssEclispe/*.less',{base:'./src'})    .pipe(cached('less'))    .pipe(less())    .pipe(autoprefixer('last 6 version'))    .pipe(gulp.dest('src'));});gulp.task('distCopyEclipse',function(){    return gulp.src('src/cssEclispe/*',{nodir:true})    .pipe(cached('distCopyEclipse'))    .pipe(gulp.dest('D:/workSpace/makerplateform/webapp/instantcommunication/theme/css'))    .pipe(gulp.dest('D:/tomcat7/webapps/makerplateform/instantcommunication/theme/css'));});//||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||//distCopygulp.task('distCopy',function(){    return gulp.src('src/**/*',{base:'./src'})    .pipe(cached('distCopy'))    .pipe(gulp.dest('dist'));});//图片压缩gulp.task('imgmin', function() {    return gulp.src('src/img/**/*.{jpg,jpeg,png,gif}',{base:'./src'})    .pipe(cached('imgmin'))    // 取值范围:0-7(优化等级),是否无损压缩jpg图片,是否隔行扫描gif进行渲染,是否多次优化svg直到完全优化    .pipe(imagemin({optimizationLevel: 5, progressive: true, interlaced: true, multipass: true}))    .pipe(gulp.dest('dist'));});//css压缩gulp.task('cssmin', function() {    return gulp.src(['src/**/*.css','!src/**/*.min.css','!src/lib/**/*.css'],{base:'./src'})    .pipe(cached('cssmin'))    .pipe(cssnano())    .pipe(gulp.dest('dist'));});//jsmingulp.task('jsmin', function() {    return gulp.src(['src/js/*.js','!src/js/*.min.js'],{base:'./src'})    .pipe(cached('jsmin'))    .pipe(uglify())    .pipe(gulp.dest('dist'));});//发布任务gulp.task('distMin',     gulp.series('lessLocal','distCopy',        gulp.parallel('imgmin','cssmin','jsmin')    ));gulp.task('distUnMin',     gulp.series('distCopy',        gulp.parallel('imgmin')    ));//---------------------- server  tasks-------------------------//浏览器刷新    gulp.task('default', function() {      browserSync.init({          //指定服务器启动根目录        server: "./src"    });      // gulp.watch('src/css/*.less',gulp.series('lessLocal'));    gulp.watch('src/cssEclispe/*.less',gulp.series('lessEclipse','distCopyEclipse'));    gulp.watch("./src/**/*.*").on('change',browserSync.reload);});

转载地址:http://edboa.baihongyu.com/

你可能感兴趣的文章
纯CSS序列号
查看>>
Jmeter学习(三)
查看>>
大型分布式C++框架《四:netio之buffer管理器 下》
查看>>
Go语言中的Struct
查看>>
CentOS6.9编译安装Nginx1.12
查看>>
【codeforces 242E】XOR on Segment
查看>>
jsp动态生成验证码详细代码
查看>>
poj3669
查看>>
【原创】GC/垃圾回收简介
查看>>
JavaScript内置对象
查看>>
python3—廖雪峰之练习(三)
查看>>
c#程序中对密码进行加密的方法
查看>>
ClientScriptManager.RegisterStartupScript
查看>>
百度推送代码
查看>>
paper 52 :windows7环境下theano安装
查看>>
《定价圣经》笔记
查看>>
谷歌浏览器调试保存到文件
查看>>
Java "==和equals区别"
查看>>
Java 比较两日期相差天数
查看>>
C语言--第0次作业
查看>>