`
LiYunpeng
  • 浏览: 952300 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

gulp文件读取的先后顺序以及匹配的组合规则

    博客分类:
  • gulp
阅读更多
首先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编译项目

    通过定义一系列的任务,`gulp` 可以帮助我们完成诸如文件合并、压缩、预处理、版本控制、自动刷新等多种工作,极大地提升了开发效率。 ### 一、gulp的核心概念 1. **任务(task)**:`gulp` 的基本单元,用于执行...

    gulp项目配置文件

    `gulpfile.js`是`gulp`项目的配置文件,它是整个工作流程的核心。下面我们将深入探讨`gulp`项目配置文件中的关键知识点。 ### 1. `gulpfile.js` `gulpfile.js`是`gulp`项目的主要配置文件,通常位于项目的根目录下...

    gulp-sequence, 按顺序运行一系列吞咽任务.zip

    gulp-sequence, 按顺序运行一系列吞咽任务 gulp按顺序执行一系列吞咽任务。 安装安装使用 npmnpm install --save-dev gulp-sequence用法var gulp = require('gulp')v

    使用gulp添加时间戳,压缩css、js

    首先,`gulp`是一个基于Node.js的工具,开发者可以通过安装`gulp-cli`全局命令行工具来快速初始化一个新的`gulpfile.js`,这是`gulp`的核心配置文件。在这个文件中,我们可以定义一系列的任务(tasks)。 对于"使用...

    gulp压缩文件自动刷新

    本文将详细介绍如何使用gulp进行文件压缩以及配置自动刷新,以提升开发效率。 首先,我们要了解什么是gulp。gulp是基于Node.js的构建工具,通过定义任务(task)来自动化项目的构建过程,包括CSS预处理器编译、...

    命令行无法安装gulp时用到的文件

    命令行无法安装gulp时用到的文件,命令行无法安装gulp时用到的文件,命令行无法安装gulp时用到的文件,命令行无法安装gulp时用到的文件,命令行无法安装gulp时用到的文件

    gulp管理版本号

    例如,修改`gulp-rev`的`index.js`文件,将版本号附加到原始文件名后,以及调整`gulp-rev-collector`的逻辑以适应新的版本号格式。 例如,对于`gulp-rev`,在`node_modules\gulp-rev\index.js`中的第144行,将`...

    gulp插件文件

    通过理解Gulp的基本概念、插件安装与使用、流机制,以及分析`demo`文件,我们可以更好地利用Gulp提升开发效率,实现高效、自动化的项目构建。在实际工作中,不断探索和尝试各种Gulp插件,可以满足不同项目的特定需求...

    gulp插件中需要替换的几个文件

    `gulp-rev-collector`会读取由`gulp-rev`生成的映射文件,然后替换文件中的路径。 使用`gulp-rev-collector`的步骤如下: 1. 安装`gulp-rev-collector`:`npm install --save-dev gulp-rev-collector`。 2. 引入到...

    Gulp Succinctly

    `gulp.src()`方法用于读取文件,它使用glob模式来匹配文件,并返回一个可读流。`gulp.dest()`方法用于输出文件,与`gulp.src()`相对,它会创建文件夹(如果不存在的话)并把流中的内容写入。`gulp.task()`用于定义...

    Node.js-可以进行完整文件操作同步增加删除更新的Gulp插件

    描述中提到的“完整文件操作同步”,意味着这个Gulp插件不仅支持基本的文件操作,还能够同步执行这些操作,这意味着它们会在当前任务完成后再进行下一步,避免了因文件操作顺序不当导致的问题。这对于构建过程中的...

    gulpAPI中文文档

    - **gulp.src**:用于读取文件并返回一个Node.js流(Stream)。这是Gulp流水线的第一步,常用于获取需要处理的文件列表。 - **参数**: - **globs**:一组文件路径模式,用于匹配需要处理的文件。 - **options**...

    gulp入门.pdf

    1. **读取文件**:使用 `gulp.src()` 方法读取指定路径下的文件。 2. **处理文件**:文件经过一系列插件处理,如压缩、合并等。 3. **写入文件**:使用 `gulp.dest()` 将处理后的文件输出到指定目录。 4. **监听文件...

    gulp前端自动化配置文件

    本文将深入探讨“gulp前端自动化配置文件”的核心概念、功能以及如何使用。 Gulp是一款基于Node.js的任务运行器,它允许开发者通过编写简单的JavaScript脚本来定义并执行一系列自动化任务。这些任务涵盖了代码编译...

    基于gulp打包的vue单页

    Vue.js 是一个流行的前端JavaScript框架,...综上所述,这个项目涉及到了Vue.js的基础和进阶应用,以及使用Gulp进行前端构建的相关技术。通过学习和实践这个项目,开发者可以提升在Vue.js和自动化构建工具上的技能。

    gulp教程简单介绍

    Gulp 提供了强大的文件监听功能,可以自动执行任务当指定文件发生更改时。 ```javascript const gulp = require('gulp'); const watch = require('gulp-watch'); gulp.task('watch', function() { gulp.watch('./...

    gulp打包js,min.js,d.ts

    标题 "gulp打包js,min.js,d.ts" 描述的是使用Gulp工具进行JavaScript项目构建的过程,主要涉及将源代码打包成JS、压缩成min.js以及生成d.ts类型定义文件。Gulp是一个基于Node.js的自动化任务运行器,它可以极大提高...

    gulp的简单搭建

    **gulp的简单搭建** 在现代前端开发中,自动化构建工具起着至关重要的作用,它们能够帮助我们提升工作效率,简化重复性工作。其中,`gulp`是一个流行的选择,它基于流的构建系统,允许开发者通过编写任务来自动化...

    Gulp, Gulp构建前端自动化工作流(Gulp入门介绍).zip

    Gulp基于Node.js平台,利用流(stream)处理文件,使得文件读写更为高效。本篇文章将深入探讨Gulp的核心概念、安装步骤、基本用法以及如何构建一个前端自动化工作流。 **一、Gulp核心概念** 1. **任务(task)**:在...

Global site tag (gtag.js) - Google Analytics