Grunt 之通配符

在描述源码路径的时候,经常有一些特殊的奇怪的要求。Grunt 通过内建的 node-globminimatch 库提供了文件名的扩展机制。

常见的通配符如下:

  • * 匹配除了 / 之外的任意数量的数字和字符
  • ? 匹配除了 / 之外的单个字符
  • ** 匹配任意数量的字符,包括 /,这样可以包含任意级的路径
  • {} 提供一个以逗号 (,) 分割的或表达式列表
  • ! 放在表达式的开头表示取反

比如,foo/*.js 将会匹配 foo/ 文件夹下面的所有 .js 扩展名的文件,而 foo/**/*.js 则会匹配在 foo/ 目录下任意级别子目录中的 .js 扩展名的文件。

使用 ! 来不包含特定的文件,需要注意的是 ! 需要是路径的第一个字符。

为了更加简单地通配符,Grunt 允许使用数组来表示通配符。Grunt 将会安装顺序处理,返回的结果是唯一的。

例如

// You can specify single files, 简单文件名:
{src: ‘foo/this.js‘, dest: ...}
// Or arrays of files, 使用数组表示多个文件名:
{src: [‘foo/this.js‘, ‘foo/that.js‘, ‘foo/the-other.js‘], dest: ...}
// Or you can generalize with a glob pattern, 使用通配符:
{src: ‘foo/th*.js‘, dest: ...}

// This single node-glob pattern, 单个通配符:
{src: ‘foo/{a,b}*.js‘, dest: ...}
// Could also be written like this, 通过数组,使用多个通配符:
{src: [‘foo/a*.js‘, ‘foo/b*.js‘], dest: ...}

// All .js files, in foo/, in alpha order, 所有的 .js 文件,按照字符顺序:
{src: [‘foo/*.js‘], dest: ...}
// Here, bar.js is first, followed by the remaining files, in alpha order, 第一个是 bar.js, 其它文件按字母顺序 :
{src: [‘foo/bar.js‘, ‘foo/*.js‘], dest: ...}

// All files except for bar.js, in alpha order, 除了 bar.js 之外的文件,按字母顺序:
{src: [‘foo/*.js‘, ‘!foo/bar.js‘], dest: ...}
// All files in alpha order, but with bar.js at the end, 所有文件按照字母顺序,bar.js 在最后.
{src: [‘foo/*.js‘, ‘!foo/bar.js‘, ‘foo/bar.js‘], dest: ...}

// Templates may be used in filepaths or glob patterns, 可以嵌入表达式:
{src: [‘src/<%= basename %>.js‘], dest: ‘build/<%= basename %>.min.js‘}
// But they may also reference file lists defined elsewhere in the config, 引用其它地方定义的文件列表:
{src: [‘foo/*.js‘, ‘<%= jshint.all.src %>‘], dest: ...}

更多信息可以见 node-globminimatch 的文档。

时间: 2024-08-30 04:21:46

Grunt 之通配符的相关文章

Grunt 之 watch 和 livereload

现在 watch 中已经集成了 livereload ,所以把它们放在一起说明. watch 可以监控特定的文件,在添加文件.修改文件.或者删除文件的时候自动执行自定义的任务,比如 livereload 等等. 1. 安装 项目定义在 GitHub 上,地址:https://github.com/gruntjs/grunt-contrib-watch 可以通过 NPM 直接进行安装 npm install grunt-contrib-watch --save-dev 安装之后,需要在 Grunt

在配置Grunt的Task时通配符支持和动态生成文件名详解

copy: { // 这是Task里的其中一个Target dests: { expand: true, cwd: '<%=config.app%>/newFolder', src: ['**/{a*,b*}.html'], dest: '<%=config.dist%>/newFolder', ext: ".shtml", extDot: "first", flatten:true, //去掉中间上当,下面的rename可以再找回来 ren

grunt 入门学习

前端工作流,Grunt上手指南 Posted@2013-04-20 7:15 a.m. CategoriesGrunt ,  javascript 我想先花点时间回忆一下作为一个前端需要做的工作(Loading...) JS合并 JS压缩 CSS压缩 CSS Sprite 图片优化 测试 静态资源缓存(版本更新) ... 对应的,一个全副武装的前端可能会是这样的: JSHint CSSLint Jade CoffeeScript RequireJS/SeaJS Compass/Stylus/Le

Grunt:任务自动管理工具(收藏+转载)

原文:http://javascript.ruanyifeng.com/tool/grunt.html 安装 命令脚本文件Gruntfile.js Gruntfile.js实例:grunt-contrib-cssmin模块 常用模块设置 grunt-contrib-jshint grunt-contrib-concat grunt-contrib-uglify grunt-contrib-copy grunt-contrib-watch 其他模块 参考链接 在Javascript的开发过程中,经

没有闲话和grunt.initConfig()

grunt.initConfig()为Gruntfile.js的核心部分,它接收对象作为参数. 对象包含两种类型的属性,一种是单纯的变量,一种是task类型.举个栗子: grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), //单纯的变量,像我一样单纯 concat: {} //task类型 }); PS:所有单纯的变量可以'prefix<%=var%>suffix'的形式读取 task类型也包含两种类型的属性,一种是opti

Grunt配置文件编写技巧及示范

受益于grunt这么久,继续分享关于grunt的一些技巧.grunt确实是前端项目中不可或缺的提升效率的工具.第一次接触grunt是在去年7月份,开始有接触LESS.Coffee Script的等需要编译的模板才能使用的,所以grunt就有了很大的用处.当然除了编译,还有一部分的工作就是压缩,grunt常用的任务就是压缩JS.CSS,检查语法错误,同时也可以保证质量压缩图片(删除图片多余信息). 使用起来也很简单,基于node,所以我们就可以通过js来控制这些文件.唯一需要做的是编写配置文件,做

前端构建工具grunt

简单配置grunt 配置gulp还是grunt都是在node的环境下安装的,所以在这之前保证你的node环境已经安装好了! -------------------------------------------------------------------------------- * nodejs安装很简单,去百度搜索 nodejs官网下载.    下载这个之后直接双击,点击安装和下一步就好,这里很简单不必多说. *其次就是验证你安装nodejs是否成功的方法:别多想,fn+f5,输入cmd

基于Grunt构建一个JavaScript库

现在公认的JavaScript典型项目需要运行单元测试,合并压缩.有些还会使用代码生成器,代码样式检查或其他构建工具. Grunt.js是一个开源工具,可以帮助你完成上面的所有步骤.它非常容易扩展,并使用JavaScript书写,所以任何为JavaScript库或项目工作的人都可以按自己的需要扩展它. 本文解释如何使用Grunt.js构建JavaScript库.Grunt.js依赖Node.js和npm,所以第一节解释其是什么,如何安装和使用.如果你对npm有了解,那你可以跳过这一节.第四和第五

前端自动化工具 -- grunt 使用简介

grunt是什么,grunt就是个东西.. grunt作为一个前端构建工具,有资源压缩,代码检查,文件合并等功能. 下面就简单了解grunt的使用. 一.环境配置 grunt是基于nodejs的,所以需要一个 nodejs 环境,未了解的可以 来这看看 还是在windows下, 首先要保证grunt命令可以使用,所以要先使用npm安装对应CLI npm install -g grunt-cli 安装完成可以命令行中输入“grunt”测试是否安装成功 安装成功后 二.用法说明 grunt需要pac