本文目录
- 如何使用gulp给资源文件加上版本
- gulp中如何排除指定规则的文件
- gulp最新的gulp-uglify插件用了pump,这个怎么用,老是报错
- gulp中使用dest后,如何监测文件已经复制完成
- 如何用gulp删除多余的css
如何使用gulp给资源文件加上版本
1. 严格一点的做法是用git,SVN这样的工具生成版本。粗糙一点的做法是直接重命名: .... gulp.src(’app/*’) .pipe(gulp.dest(’app-v1.0’))....2. 比较简单点妥当点的方法是使用gulp-rev和gulp-rev-collector搭配使用,以保证文件间引用的文件名
gulp中如何排除指定规则的文件
gulp排除文件以: 的方式进行排除。不过,记得必须先包括再排除!否则会报错——什么文件都没拿到哪来的排除呢是吧。
随意写了些,没测过。可能有错误,明确两点即可:
先包含再排除。不包含,排除是没有愿意的。而如果排除之后什么都没剩下,那程序也是没法工作的。
知道要什么,不要什么。规则一般使用通配符来进行排除路径描述。要熟悉通配符的意义和使用方法。
例子:
// 排除base 下的任何文件。 // 排除以base开头的任何文件夹的任何文件。) // a/ 这一层级的js 文件会被排除但不包括a/下的子文件夹中的js文件。 // 排除 a/ 下所有 old_开头的js文件。// 除开build,simple,images,node_modules目录,匹配根目录下所有的html与php文件// 排除build与node_modules目录,并排除其他目录下以下划线_开头的html与php文件,匹配其余的html与php文件// 如果要排除的文件描述起来比较复杂,那么建议在使用之前先把要处理的文件整理好,// 再在gulp.src()中使用:function changed(){//..... 处理过程并返回文件路径数组或者字符。 return foo}// 在gulp.src()中使用//.....gulp.src(changed()){ //.pipe()}
gulp最新的gulp-uglify插件用了pump,这个怎么用,老是报错
这里并不讲什么 gulp 及其其插件的安装,此前的文章已经提到过了。这里主要用来记录一下,gulp构建工具的一些简单常用的用法。最有用的Gulp插件汇总1)假如我们想使用gulp压缩js文件并合并js文件,应如何操作呢看使用gulp-uglify和gulp-concat插件,gulpfile.js 大致如下:/** * Created by DreamBoy on 2016/8/19. */var gulp = require(’gulp’);var gutil = require(’gulp-util’);var uglify = require(’gulp-uglify’);var concat = require(’gulp-concat’);gulp.task(’concat’, function() { // 你的默认的任务代码放在这 gulp.src(’./src/*.js’) .pipe(uglify()) .pipe(concat(’all.min.js’)) .pipe(gulp.dest(’./build’));});gulp.task(’default’, );// 在命令行中运行 gulp/*默认的名为default的任务(task)将会被运行,在这里,这个任务并未做任何事情。想要单独执行特定的任务(task),请输入gulp 《task》 《othertask》。 */ 更加详细的用法可以参考:gulp教程之gulp-uglify
gulp中使用dest后,如何监测文件已经复制完成
可以监听 end 事件:
gulp.task( ’move’, () =》 { return gulp.src( ’src/**/*’ ).pipe( gulp.dest( ’.tmp’ ) ) .on( ’end’, () =》 { console.log( arguments ); } ); } );
如何用gulp删除多余的css
1.gulpfile.jsvar gulp = require(’gulp’),uncss = require(’gulp-uncss’);gulp.task(’uncss’, function() {gulp.src(’src/css/origin.css’) //冗余css文件.pipe(uncss({html: //使用css的html页面,可多个})).pipe(gulp.dest(’build/css/uncss’)); //输出目录});2.cnpm 也可以使用npmcnpm install gulp-uncss --save-dev