Grunt学习笔记【5】---- expand使用方法

本文主要讲expand使用方法。

当你希望处理大量的单个文件时，这里有一些附加的属性可以用来动态的构建一个文件列表。这些属性都可以用于 Compact 和 Files Array 文件映射格式。

expand 设置为true将启用下面的选项：

• cwd 所有src指定的匹配都将相对于此处指定的路径（但不包括此路径） 。
• src 相对于cwd路径的匹配模式。
• dest 目标文件路径前缀。
• ext 对于生成的dest路径中所有实际存在文件，均使用这个属性值替换扩展名。
• extDot 用于指定标记扩展名的英文点号的所在位置。可以赋值 'first' （扩展名从文件名中的第一个英文点号开始） 或 'last' （扩展名从最后一个英文点号开始），默认值为 'first' [添加于 0.4.3 版本]
• flatten 从生成的dest路径中移除所有的路径部分。
• rename嵌入自定义函数，返回包含新目标和文件名的字符串。为每个匹配的src文件调用此函数（在扩展名重命名和flatten后）。更多信息

在下面的例子中，uglify 任务中的static_mappings和dynamic_mappings两个目标具有相同的src-dest文件映射列表, 这是因为任务运行时Grunt会自动展开dynamic_mappings文件对象为4个单独的静态src-dest文件映射--假设这4个文件能够找到。

可以指定任意静态src-dest和动态的src-dest文件映射相互结合。

 grunt.initConfig({
   uglify: {
     static_mappings: {
       // Because these src-dest file mappings are manually specified, every
       // time a new file is added or removed, the Gruntfile has to be updated.
       files: [
         {src: 'lib/a.js', dest: 'build/a.min.js'},
         {src: 'lib/b.js', dest: 'build/b.min.js'},
         {src: 'lib/subdir/c.js', dest: 'build/subdir/c.min.js'},
         {src: 'lib/subdir/d.js', dest: 'build/subdir/d.min.js'},
       ],
     },
     dynamic_mappings: {
       // Grunt will search for "**/*.js" under "lib/" when the "uglify" task
       // runs and build the appropriate src-dest file mappings then, so you
       // don't need to update the Gruntfile when files are added or removed.
       files: [
         {
           expand: true,     // Enable dynamic expansion.
           cwd: 'lib/',      // Src matches are relative to this path.
           src: ['**/*.js'], // Actual pattern(s) to match.
           dest: 'build/',   // Destination path prefix.
           ext: '.min.js',   // Dest filepaths will have this extension.
           extDot: 'first'   // Extensions in filenames begin after the first dot
         },
       ],
     },
   },
 });

 rename属性详细说明：

rename函数必须返回一个有效的命名字符串。

参数可以是dest和src。

在以下示例中，文件从dev文件夹复制到dist文件夹，并重命名为删除了“beta”。

 grunt.initConfig({
   copy: {
     production: {
       files: [{
         expand: true,
         cwd: 'dev/',
         src: ['*'],
         dest: 'dist/',
         rename: function (dest, src) {          // The `dest` and `src` values can be passed into the function
           return dest + src.replace('beta',''); // The `src` is being renamed; the `dest` remains the same
         }
       }]
     }
   }
 });

参考资料&内容来源：

grunt官网：https://www.gruntjs.net/configuring-tasks#files-array-format