未加星标

Gulp压缩、操作修改过的文件方法

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二05 | 时间 2016 | 作者 红领巾 ] 0人收藏点击收藏

Gulp压缩、操作修改过的文件方法
前言

我们在使用gulp压缩js、css过程中经常会使用压缩文件插件,但是一般每次只修改几个文件,这样执行压缩命令也会把所有文件压缩一遍,有没有办法每次只压缩修改过的文件呢?

watch方式

这种方式大概原理就是监控每个文件的变化,当有文件更改,会进入回调函数,然后你就可以在回调函数中处理这个文件 代码如下

var gulp = require('gulp'); gulp.task('watch', function () { gulp.watch('js/*.js', function (event) { var paths = require('gulp-watch-path')(event, 'js/', 'dist/js/'); console.log(paths); gulp.src(paths.srcPath) .pipe(uglify()) .pipe(gulp.dest(paths.distDir)) }) }); changed插件方式

这种方式是利用changed插件实现每次全部压缩之前只有修改过的文件才会进入管道 代码如下

var gulp = require('gulp'); var changed = require('gulp-changed'); var uglify = require('gulp-uglify'); var src = 'js/*.js'; var dest = 'dist/js'; gulp.task('js', function () { return gulp.src(src) // `changed` 任务需要提前知道目标目录位置 // 才能找出哪些文件是被修改过的 .pipe(changed(dest)) // 只有被更改过的文件才会通过这里 .pipe(uglify()) .pipe(gulp.dest(dest)); }); 结语 我的项目结构如下:
Gulp压缩、操作修改过的文件方法
第一种方式需要你在你修改文件之前执行任务,它会一直监听文件变化,当有变化时候会自动修改 第二种方式你所有文件修改完之后再执行即可

微信打赏

若你觉得我的文章对你有帮助,欢迎点击上方按钮对我打赏


Gulp压缩、操作修改过的文件方法

扫描二维码,分享此文章

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

主题: Gulp微信二维码
分页:12
转载请注明
本文标题:Gulp压缩、操作修改过的文件方法
本站链接:http://www.codesec.net/view/484840.html
分享请点击:


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(62)