继day33——gulpfile.js

//引入  gulp 模块化  
var gulp = require("gulp");

//引入插件
var sass = require("gulp-sass");//将sass文件转成css  
var concat = require("gulp-concat");//合并文件   提供参数
var cssmin = require("gulp-cssmin");//压缩css
var imgmin = require("gulp-imagemin");//压缩图片
var rename = require("gulp-rename");//重命名  提供参数
var uglify = require("gulp-uglify");//压缩js文件

//压缩图片 压缩images目录下的所有图片 并生成到img目录下
gulp.task( "imgmin" , function(){
    return gulp.src("images/*")
               .pipe( imgmin() )
               .pipe( gulp.dest( "img" ) );
} )    


//将src目录下的所有js文件合并  合并后压缩  并重命名
gulp.task( "concat" , function(){
    return gulp.src( "src/*.js" )
               .pipe( concat( "all.js" ) )
               .pipe( uglify() )
               .pipe( rename("all.min.js") )
               .pipe( gulp.dest("src") );
} )

//布置任务  将src目录下的sport5.js文件 压缩 并重命名 sport.min.js  最后输送到 dest的js目录下
gulp.task( "uglify" , function(){
    return gulp.src("src/sport5.js")
               .pipe( uglify() )
               .pipe( rename("sport.min.js") )
               .pipe( gulp.dest( "dest/js" ) )
} )
//布置任务  将css目录下的index.scss文件转成 css文件   生成到css目录下
gulp.task( "sass" ,function(){
    return gulp.src( "css/index.scss" )
               .pipe( sass() )
               .pipe( gulp.dest("css") );
} )    

//压缩css目录下的css文件  并重命名 index.min.css
gulp.task( "rename" , function(){
    return gulp.src("css/index.css")
               .pipe( cssmin() )
               .pipe( rename("index.min.css") )
               .pipe( gulp.dest("css") )
})    

//布置任务  使用task方法
//default 任务
gulp.task("default",function(){
    console.log("default任务执行");
})


//布置一个say任务  
gulp.task( "say" , function(){
    console.log("say任务执行");
} )


//布置一个dance任务
gulp.task( "dance" ,["say","default"], function(){
    console.log( "dance任务执行" );
} )

//布置任务
// 将src目录中的index.html文件 复制到 dest目录下
gulp.task( "copyHtml" , function(){
    return gulp.src("src/index.html")
               .pipe( gulp.dest("dest/html") );
} )


//将src下面的所有js文件和css文件 复制到 dest目录中的lib目录下
gulp.task( "copyJs" , function(){
    return gulp.src( [ "src/*.js" , "src/*.css" ] )
               .pipe( gulp.dest( "dest/lib" ) );
} )


//将src下 的所有文件(除了js文件)复制到dest目录下面的all目录中   
//  src/*  表示src下面的所有文件
//  src/**/* 表示src下面的所有目录和目录下的所有文件
// !src/*.js  除了 src下面的所有js文件
gulp.task( "copyCss" , function(){
    return gulp.src( ["src/*","!src/*.js"] )
               .pipe( gulp.dest( "dest/all" ) );
} )


//watch 方法  监听方法
//参数一 :监听文件的路径
//参数二 : 某个任务   是一个数组
//布置任务,功能 监听src下面的index.html内容变化,
//如果内容发生变化,就将index.html复制到dest的html目录中
gulp.task( "watchHtml",function(){
    return gulp.watch( "src/index.html" , ["copyHtml"] );
} )

 

上一篇:python基础一 day33 验证客户端的合法性


下一篇:java基础-day33