gulp验证打包压缩加密编译(常用)

最新推荐文章于 2022-07-19 12:24:46 发布

chijiajing

最新推荐文章于 2022-07-19 12:24:46 发布

阅读量1.9k

点赞数 1

分类专栏：学习

本文链接：https://blog.csdn.net/chijiajing/article/details/83038368

版权

本文档介绍了如何使用Gulp来布置项目，包括基本的task使用、方法调用，详细讲述了打包项目的过程，如验证JS、JS文件压缩、编译LESS/SASS为CSS，并进行了CSS验证。

摘要由CSDN通过智能技术生成

布置项目

1.在项目下新建gulpfile.js文件
2.开始编辑gulpfile.js

2.1基本使用(task)

//头部引用
var gulp=require("gulp");



//gulp.task方法用来定义任务，内部使用的是Orchestrator，其语法为：
//gulp.task(name[, deps], fn)
//name: 为任务名
//deps: 是当前定义的任务需要依赖的其他任务，为一个数组。当前定义的任务会在所有依赖的任务执行完毕后才开始执行。如果没有依赖，则可省略这个参数
//fn: 为任务函数，我们把任务要执行的代码都写在里面，是当前任务的实际处理逻辑。该参数也是可选的。

//类似于java里的main方法(主程序入口)
gulp.task("default",function(){
	console.log("this is default.js")
})

//如java类似,只会走default方法
gulp.task("compresJS",function(){
	console.log("this is compresJS.js")
})

2.2方法调用

//头部引用
var gulp=require("gulp");

//gulp.task方法用来定义任务，内部使用的是Orchestrator，其语法为：
//gulp.task(name[, deps], fn)
//name: 为任务名
//deps: 是当前定义的任务需要依赖的其他任务，为一个数组。当前定义的任务会在所有依赖的任务执行完毕后才开始执行。如果没有依赖，则可省略这个参数
//fn: 为任务函数，我们把任务要执行的代码都写在里面，是当前任务的实际处理逻辑。该参数也是可选的。

//类似于java里的main方法(主程序入口),在deps[]中添加引用任务的任务名
//会先走数组参数中的任务后再走default任务如下:
//先会打印 
//console.log("this is compresJS.js")
//再打印
//console.log("this is compresCss.js")
//后打印
//console.log("this is default.js")

//这样写的顺序也跟上面描述的一样,不会走完compresJS后再走compresCss的
gulp.task("default",["compresJS","compresCss"],function(){
	console.log("this is default.js")
})


gulp.task("compresJS",["compresCss"],function(){
	console.log("this is compresJS.js")
})

gulp.tas