Gruntjs: task之文件映射

由于大多数的任务执行文件操作,Grunt提供了一个强大的抽象声明说明任务应该操作哪些文件。这里总结了几种src-dest(源文件-目标文件)文件映射的方式,提供了不同程度的描述和控制操作方式。

1. Compact简洁格式

这种形式允许每个目标对应一个src-dest文件映射。通常用于只读任务,比如grunt-contrib-jshint。这种格式支持指定附加属性

grunt.initConfig({
    jshint: {
        foo: {
            src: [‘src/aa.js‘, ‘src/aaa.js‘]
        }
    },
    concat: {
        bar: {
            src: [‘src/bb.js‘, ‘src/bbb.js‘],
            dest: ‘dest/b.js‘
        }
    }
});

2. 文件对象格式

这种形式支持每个任务目标对应多个src-dest形式的文件映射,属性名就是目标文件,源文件就是它的值(源文件列表则使用数组格式声明)。可以使用这种方式指定数个src-dest文件映射, 但是不能够给每个映射指定附加的属性。

grunt.initConfig({
    concat: {
        foo: {
            files: {
                ‘dest/a.js‘: [‘src/aa.js‘, ‘src/aaa.js‘],
                ‘dest/a1.js‘: [‘src/aa1.js‘, ‘src/aaa1.js‘]
            }
        },
        bar: {
            files: {
                ‘dest/b.js‘: [‘src/bb.js‘, ‘src/bbb.js‘],
                ‘dest/b1.js‘: [‘src/bb1.js‘, ‘src/bbb1.js‘]
            }
        }
    }
});

3. 文件数组格式

这种形式支持每个任务目标对应多个src-dest文件映射,同时也允许每个映射拥有附加属性

grunt.initConfig({
    concat: {
        foo: {
            files: [
                {src: [‘src/aa.js‘, ‘src/aaa.js‘], dest: ‘dest/a.js‘},
                {src: [‘src/aa1.js‘, ‘src/aaa1.js‘], dest: ‘dest/a1.js‘}
            ]
        },
        bar: {
            files: [
                {src: [‘src/bb.js‘, ‘src/bbb.js‘], dest: ‘dest/b/‘, nonull: true},
                {src: [‘src/bb1.js‘, ‘src/bbb1.js‘], dest: ‘dest/b1/‘, filter: ‘isFile‘}
            ]
        }
    }
});

4. 构建动态文件对象

当你希望处理大量的单个文件时,这里有一些附加的属性可以用来动态的构建一个文件. 这些属性都可以指定在Compact和Files Array映射格式中(这两种格式都可以使用)。

grunt.initConfig({
    minify: {
        static_mappings: {
            //由于这里的src-dest文件映射时手动指定的, 每一次新的文件添加或者删除文件时,Gruntfile都需要更新
            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: {
            //当‘minify‘任务运行时Grunt将自动在"lib/"下搜索"**/*.js", 然后构建适当的src-dest文件映射,因此你不需要在文件添加或者移除时更新Gruntfile
            files: [
                {
                    expand: true,       //启用动态扩展
                    cwd: ‘lib/‘,        //批匹配相对lib目录的src来源
                    src: ‘**/*.js‘,     //实际的匹配模式
                    dest: ‘build/‘,     //目标路径前缀
                    ext: ‘.min.js‘      //目标文件路径中文件的扩展名.
                }
            ]
        }
    }
});

参考:

http://www.gruntjs.org/article/configuring_tasks.html

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。