常用concat任务配置

文件结构如下:
常用concat任务配置_第1张图片
1、合并成一个文件app.js

concat: {
      options:{
        // 定义一个用于插入合并输出文件之间的字符  
        separator: ';\n'  
      },
      dist: {  
        // 将要被合并的文件  
        src: ['app/**/*.js'],  
        // 合并后的JS文件的存放位置  
        dest: 'dist/<%= pkg.name %>.js'  
      } 
    },

2、按模块合并
这里顺便记录一下文件映射的方式:src-dest(源文件-目标文件)

  • 简洁格式
concat: {
      options:{
        // 定义一个用于插入合并输出文件之间的字符  
        separator: ';\n'  
      },
      a: {
        options:{
          separator: ';;;\n'  
        },
        src: ['app/a/a1.js', 'app/a/a2.js'],
        dest: 'dist/a.js',
      } ,
      b: {
        src: ['app/**/*.js',],
        dest: 'dist/b.js',
      }  
    },
  • 文件对象格式
concat: {
      options:{
        // 定义一个用于插入合并输出文件之间的字符  
        separator: ';\n'  
      },
      a: {
        options:{
          separator: ';;;\n'  
        },
        files: {
          'dist/a1.js':['app/a/a1.js', 'app/a/a2.js'],
          'dist/a2.js':[ 'app/a/a2.js'],
        }        
      } ,
      b: {
        files: {
          'dist/b1.js':['app/b/*.js',]
        }
      }  
    },
  • 文件数组格式
concat: {
      options:{
        // 定义一个用于插入合并输出文件之间的字符  
        separator: ';\n'  
      },
      a: {
        options:{
          separator: ';;;\n'  
        },
        files:[
          {src: ['app/a/**/*.js'],dest: 'dist/a3.js'},
          {src: ['app/a/a1.js'],dest: 'dist/a4.js'}
        ]         
      } ,
      b: {
        files:[
          {src: ['app/b/**/*.js'],dest: 'dist/b2.js'}
        ] 
      }  
    },

你可能感兴趣的:(grunt)