首先gulp的文件读取不用说了,就是gulp.src
可以传单个字符串,也可以传数组
那么其实读取的文件先后顺序就是按照这个数组来的
比如:
return gulp.src([
path.join(config.src,'/!(*-tpls)*.js'),
path.join(config.src,'/*-tpls.js')
])
上面就是我实际用到的,在合并文件的时候,要先读取主文件,也就是我代码的定义一些module初始化的文件,然后再读取tpls模板文件。
这样就实现了,先读取-tpls.js以外名字的所有*.js文件,然后再读取*-tpls.js的文件。
同时这里面就又描述了匹配时候的规则
可以是不在某个文件夹下的文件
“src/test.js”:指定某个文件;
“*”:匹配所有文件 例:src/*.js(包含src下的所有js文件);
“**”:匹配0个或多个子文件夹 例:src/**/*.js(包含src的0个或多个子文件夹下的js文件);
“{}”:匹配多个属性 例:src/{a,b}.js(包含a.js和b.js文件) src/*.{jpg,png,gif}(src下的所有jpg/png/gif文件);
“!”:排除文件 例:!src/a.js(不包含src下的a.js文件);
上面的例子就是排除的文件和匹配的文件进行组合。
分享到:
相关推荐
gulp编译文件、gulp编译项目
gulp-sequence, 按顺序运行一系列吞咽任务 gulp按顺序执行一系列吞咽任务。 安装安装使用 npmnpm install --save-dev gulp-sequence用法var gulp = require('gulp')v
gulp文件项目配置,生产配置,开发配置,打包,发布。
命令行无法安装gulp时用到的文件,命令行无法安装gulp时用到的文件,命令行无法安装gulp时用到的文件,命令行无法安装gulp时用到的文件,命令行无法安装gulp时用到的文件
gulp插件文件
gulp压缩文件,自动刷新
gulp配置 gulp配置
使用gulp-insert所需要的js代码哦
gulp-awspublish, gulp插件将文件发布到 AmazonS3 awspublish 用于gulp的awspublish插件。用法首先,将 gulp-awspublish 安装为开发依赖项:npm install --save-dev gulp-awspublish然后,
gulp-rsync, Gulp插件用于通过rsync部署文件 gulp在Gulp任务中使用 rsync的文件传输和同步功能。 gulp-rsync 调用 rsync,并为你提供了一个易于安装的选项子集。先决条件rsync 需要安装在你的机器上,并且必须在你的...
gulp-filter, 在乙烯基流中,过滤文件 gulp过滤器 过滤乙烯基流中的文件使你可以使用glob模式过滤原始文件的子集。 当你完成并想要所有原始文件后,你只需使用 restore 流。安装$ npm install --save-dev gulp-...
一、什么是gulp,为什么要使用它 1.1自动化 - gulp是一个工具包,可帮助您在开发工作流程中自动执行痛苦或耗时的任务。 1.2与平台无关 - 集成内置于所有主要IDE中,人们正在使用gulp与PHP,.NET,Node.js,Java和...
文件的 安装 $ npm install --save-dev gulp-chmod 用法 const gulp = require ( 'gulp' ) ; const chmod = require ( 'gulp-chmod' ) ; exports . default = ( ) => ( gulp . src ( 'src/app.js' ) . pipe ( ...
gulp是基于Nodejs的自动任务运行器,它能自动化地完成javascript/coffee/sass/less/html/image/css等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤...
可以进行完整文件操作同步(增加、删除、更新)的 Gulp 插件
这是一个gulp的配置文件,可以对整个项目资源实现添加时间戳功能,也能压缩css和js文件
关于gulp的一些使用 插件安装
gulp 简单的学习整理,里面的一些模块都是自己常用到的,有不对的地方欢迎指正,不过更多的以gulp官方文档为准!
gulp-pangu 是 Gulp 扩展,可以在中文与英文之间添加空格字符。 var pangu = require('gulp-pangu');安装$ npm install --save-dev gulp-pangu使用// include the required packages.var gulp = ...
基于gulp打包的vue单页