码迷,mamicode.com
首页 > 其他好文 > 详细

grunt <% %>模板和使用配置文件

时间:2015-07-15 18:47:14      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:

 
 
使用<% %>分隔符指定的模板会在任务从它们的配置中读取相应的数据时将自动扩展扫描。模板会被递归的展开,直到配置中不再存在遗留的模板相关的信息(与模板匹配的)。
 
 整个配置对象决定了属性上下文(模板中的属性)。此外,在模板中使用grunt以及它的方法都是有效的,例如: <%= grunt.template.today(‘yyyy-mm-dd‘) %>。
 
<%= prop.subprop %> 将会自动展开配置信息中的prop.subprop的值,不管是什么类型。像这样的模板不仅可以用来引用字符串值,还可以引用数组或者其他对象类型的值。

<% %> 执行任意内联的JavaScript代码。对于控制流或者循环来说是非常有用的。

下面以concat任务配置为例,运行grunt concat:sample时将通过banner中的/* abcde */连同foo/*.js+bar/*.js+bar/*.js匹配的所有文件来生成一个名为build/abcde.js的文件。 
 
 
 

 grunt.initConfig({})中设置属性:

grunt.initConfig({
  concat: {
    sample: {
      options: {
        banner: ‘/* <%= baz %> */\n‘,   // ‘/* abcde */\n‘
      },
      src: [‘<%= qux %>‘, ‘baz/*.js‘],  // [[‘foo/*.js‘, ‘bar/*.js‘], ‘baz/*.js‘]
      dest: ‘build/<%= baz %>.js‘,      // ‘build/abcde.js‘
    },
  },
  //用于任务配置模板的任意属性
  foo: ‘c‘,
  bar: ‘b<%= foo %>d‘, // ‘bcd‘
  baz: ‘a<%= bar %>e‘, // ‘abcde‘
  qux: [‘foo/*.js‘, ‘bar/*.js‘],
});

  

 

导入外部数据:

 在下面的Gruntfile中,项目的元数据是从package.json文件中导入到Grunt配置中的,并且grunt-contrib-uglify 插件中的 uglify 任务被配置用于压缩一个源文件以及使用该元数据动态的生成一个banner注释。 
 
 在下面的Gruntfile中,项目的元数据是从package.json文件中导入到Grunt配置中的,并且grunt-contrib-uglify 插件中的 uglify 任务被配置用于压缩一个源文件以及使用该元数据动态的生成一个banner注释。 
 
grunt.initConfig({
  pkg: grunt.file.readJSON(‘package.json‘),
  uglify: {
    options: {
      banner: ‘/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n‘
    },
    dist: {
      src: ‘src/<%= pkg.name %>.js‘,
      dest: ‘dist/<%= pkg.name %>.min.js‘
    }
  }
});

  

 转载:http://www.gruntjs.net/configuring-tasks

grunt <% %>模板和使用配置文件

标签:

原文地址:http://www.cnblogs.com/ayseeing/p/4649014.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!