温故而知新 gulp.src 指定数组文件夹

最新推荐文章于 2024-11-03 16:04:54 发布

「已注销」

最新推荐文章于 2024-11-03 16:04:54 发布

阅读量133

点赞数

本文介绍了gulp.src语法的具体用法及示例，详细解释了如何使用该语法选择特定目录下的文件，适用于前端自动化任务配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

gulp.src语法是基于这个库来实现的，所以详情请看这个API：

https://www.gulpjs.com.cn/docs/api/

https://github.com/isaacs/node-glob

和正则表达式很相似但完全不一样，它有自己的语法，具体参考一下API即可。这里列举一个例子：+(pattern|pattern|pattern)

简单的demo：

指定/src/compoents/下的文件夹：foodEnterprises、regulatoryTask、rankQuantity

gulp.src('./src/components/+(foodEnterprises|regulatoryTask|rankQuantity)/*.js').dist('./dist')

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

「已注销」

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

gulp-src-ordered-globs:gulp.src() 遵循 globs 数组顺序的包装器 - https

06-28

注意：这个包应该只与gulp.src() 3.x 一起使用， gulp.src() 4 的gulp.src()已经内置了这个功能。 gulp-src-ordered-globs gulp.src()遵循 globs 数组顺序的包装器（对于 gulp 3.x） - 安装 npm install --save-dev gulp-src-ordered-globs 如何使用 var gulpSrc = require ( 'gulp-src-ordered-globs' ) ; gulpSrc ( [ 'src/**' , '!src/**/*.js' , 'src/vendor/**/*.js' ] , { base : 'src' } ) . pipe ( gulp . dest ( 'dist' ) ) ; gulp-src-ordered-globs 的签名与的签名几乎相同。

gulp.src()内部实现探究

dengrong8117的博客

07-23

251

写在前面本来是想写个如何编写gulp插件的科普文的，突然探究欲又发作了，于是就有了这篇东西。。。翻了下源码看了下gulp.src()的实现，不禁由衷感慨：肿么这么复杂。。。进入正题首先我们看下gulpfile里面的内容是长什么样子的，很有express中间件的味道是不是～我们知道.pipe()是典型的流式操作的API。很自然的，我们会想到gulp.src()这个API返回的应...

参与评论您还未登录，请先登录后发表或查看评论

Gulp .src() 匹配模式详解

凝弧

05-31

1万+

1. 基本原理 2. 语法：gulp.src(globs[, options]) 3. 匹配模式 1. 基本原理 Gulp是以 Nodejs中的stream(流) 为媒介，不需要像 Grunt 那样频繁的生成临时文件首先获取到需要的stream，然后通过 stream 的 .pipe() 方法把流导入到 Gulp的插件中经过插件处理后的流又可以继续导入到其他插件中，最后...

3.gulp.src()

AndrewNeo

06-08

379

src(),创建一个流，用于从文件系统中读取Vinyl对象(Vinyl是描述文件的元数据对象，主要属性是文件系统中文件核心的 path 和 content 核心方面。Vinyl对象可用于描述来自多个源的文件)。用法： const { src,dest} = require("gulp"); function copy() { return src('input/*.js') .pipe(dest('output/')) } exports.copy = copy; 函数原型： s

❀设计模式温故而知新❀.zip

11-17

设计模式温故而知新，不仅意味着对已学知识的复习和巩固，也代表着对知识深层次理解和应用的追求。设计模式按照其目的和范围可以分为三类：创建型模式、结构型模式和行为型模式。创建型模式关注的是对象的创建过程...

javase集合 温故而知新.doc

07-09

javase集合 温故而知新 javase集合是Java语言中的一种数据结构，用于存储和操作数据。集合可以分为两大接口：Collection和Map。Collection接口的实现类有List、Set和Queue等，而Map接口的实现类有HashMap、TreeMap...

CPU 技术温故而知新.pdf

09-24

CPU 技术温故而知新.pdf

【温故而知新】Document对象.md

06-13

【温故而知新】Document对象

温故而知新，分享知识，快乐编码~.zip

最新发布

11-25

温故而知新《温故而知新》有三解。一为《温故才知新》温习已学的知识，并由此获得新的领悟二为《温故及知新》一方面要温习典章故事，又方面又努力获取新的知识。三为，温故，知新。随着自己阅读经历的丰富和理解能力...

gulp入门2-src

掘铁

05-29

598

gulp.src是 Gulp 中用于指定要处理的文件或文件集合的重要函数。以下是关于gulp.src。

gulp入门教程6：gulp.src

掘铁

11-03

440

返回一个流（stream），这个流包含了基于给定 globs 匹配到的文件所创建的 Vinyl 对象。的主要参数是 globs，它可以是单个字符串或一个包含多个 globs 的数组。函数的基本用法非常简单，你只需要提供一个 glob（一种用于匹配文件路径的模式），就可以读取匹配到的文件。然后，我们使用 Babel 转译 JavaScript 文件，并将转译后的文件写入到。函数及其选项，你可以更灵活地控制 Gulp 任务中的文件读取和处理过程，从而提高构建效率和可维护性。匹配任意数量的目录层级，

gulp.src html用法,gulp插件使用

weixin_26741799的博客

07-01

486

一、gulp-htmlmin:html文件压缩1.下载插件npminstallgulp-htmlminnpminstallgulp-file-include2.gulpfile.js中引用插件consthtmlmin=require('gulp-htmlmin');constfileinclude=require('gulp-file-include');3.编写任务，调用插件...

02 - gulp api 介绍

胡西风的博客

02-06

406

首发github于。

一篇文章搞定gulp入门与使用

kuro桑的博客

05-08

243

gulp 学习笔记 Gulp 主要API 1 .gulp.src() gulp模块的src方法，用于产生数据流，表示要处理的文件，一般有以下几种格式： js/app.js：指定确切的文件名。 js/*.js：某个目录所有后缀名为js的文件。 js/**/*.js：某个目录及其所有子目录中的所有后缀名为js的文件。 !js/app.js：除了js/app.js以外的所有文件。 *.+(js...

gulp打包（含第三方模块下载教学）

qq_45799465的博客

02-26

5142

目录一、创建项目文件夹 二、项目文件夹初始化三、依赖包的下载 3.1 事前准备 3.2全局依赖包的下载 3.2.1 下载gulp全局依赖包 3.2.2 下载全局 node-sass依赖包 3.3 开发依赖包的下载 3.3.1 下载gulp开发依赖包 3.3.2 css文件打包压缩依赖包 3.3.3JavaScript文件打包压缩需要的依赖包 3 3.3.4html文件打包压缩需要的依赖包 3.3.5sass文件打包压缩需要的依赖包 ...

gulp.src复制整个文件夹或文件到指定目录（包括拷贝单个文件）

热门推荐

雾里看花叹朦胧

10-27

1万+

整个目录：gulp.task(‘copy’, function() { return gulp.src(‘src/*/‘) .pipe(gulp.dest(‘dist’)) }); gulp拷贝文件的时候如何保持路径?效果：保留static/jquery/路径信息，即拷贝后的文件路径是 dist/static/jquery/jquery.js1、在 gulp.src 加一个ba

【工具】gulp自动化构建工具入门教程

前端进阶之路 | 中大厂、外企、国企内推 | 面试培训 | 简历修改

11-14

1655

gulp 是基于流（stream）的自动化构建工具，能帮助前端节省很多资源。 OK，直接进入主题——本篇中将主要介绍怎么用gulp。1 . 先到nodeJs的官网（https://nodejs.org/en/）下载安装nodejs,因为gulp是基于node环境；然后再cmd命令行工具中你可以检测node的版本以此判断node是否安装成功；2.安装 npm ,使用 npm 可以方便的安装 gulp;然后再 cmd 命令行工具中你也可以检测 npm 的版本以此判断 node 是否安装成功； 3.根据你的项目路

gulp初体验

啊哈前端的专栏

08-22

547

1、下载nodejs 2、使用npm在全局环境安装gulp npm install -g gulp 3、使用webstorm创建一个项目(可以是一个空的文件夹),在settings里面输入node找到Node.js and NPM在Node interpreter里面选择你的node安装目录的node.exe,点击ok。 4、在项目文件夹根目录下新建一个js文件gulpfile.j

面试前必备的面试笔记：温故而知新

面试笔记的反复复习可以帮助减轻这种心理负担，通过温故而知新的方法，提高面试者应对面试的信心。 6. 面试准备的时间管理：描述中提到面试前半天的时间用于复习笔记，这是有效的时间管理。它强调在面试前进行最后...