gulp 压缩打包js文件、gulp方法

gulp的方法

  gulp.task(str,fn)
    创建一个gulp任务
  gulp.src(path)
    文件来源
  gulp.dest(path)
    操作之后的文件到哪里去
  .pipe(package)
    执行一个gulp功能
  gulp.watch()
    监听
  gulp.start()
    执行gulp任务

插件
	1、压缩js文件
		(1)cnpm install -D gulp-uglify

		(2)在gulpfile.js文件中引入
			var 压缩插件名=require("gulp-uglify")

		(3)创建任务
			gulp.task('自定义任务名',function(cb)
			{
				gulp.src("要压缩文件的路径")
				.pipe(压缩插件名())
				.pipe(gulp.dest("压缩文件的去处"))
			})

			其中:压缩一个js文件:
					gulp.src("路径")
				 压缩多个指定js文件:
				 	gulp.src(["路径1","路径2",...])
				 压缩文件夹下所有js文件:
				 	gulp.src("文件夹路径/*.js")
				 	
	2、执行压缩打包
			gulp 自定义任务名

代码示例:

var gulp = require('gulp');
var yasuo=require("gulp-uglify")
gulp.task('default', function(cb) {
// 将你的默认的任务代码放在这
	gulp.start("yasuotest")
	cb();
});

//创建压缩任务
gulp.task('yasuotest',function(cb){
	gulp.src("./src/js/*.js")
	.pipe(yasuo())
	.pipe(gulp.dest("./dist/js"))
	cb();
})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值