常用concat任务配置

最新推荐文章于 2025-05-20 23:19:53 发布

触不到的颜色是否叫彩虹

最新推荐文章于 2025-05-20 23:19:53 发布

阅读量462

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_28259083/article/details/81675097

grunt 专栏收录该内容

2 篇文章

订阅专栏

文件结构如下：
这里写图片描述
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'}
        ] 
      }  
    },