2013-11-02 37 views
3

我使用yeoman移動生成器創建了移動應用程序。
我對grunt和yeoman很新,但它真的很棒!
有誰知道我必須做什麼添加橫幅到我生成的文件?yeoman,grunt - 如何爲我生成的文件添加橫幅

meta: { 
     version: '0.1.0', 
     banner: '/*! PROJECT_NAME - v<%= meta.version %> - ' + 
      '<%= grunt.template.today("yyyy-mm-dd") %>\n' + 
      '* http://PROJECT_WEBSITE/\n' + 
      '* Copyright (c) <%= grunt.template.today("yyyy") %> ' + 
      'MyName; Licensed MIT */' 
    }, 

我在哪裏必須使用這個。我試過這樣的東西,但不影響。

usemin: { 
     options: { 
      dirs: ['<%= yeoman.dist %>'] 
     }, 
     html: ['<%= yeoman.dist %>/{,*/}*.html'], 
     css: ['<banner:meta.banner>', '<%= yeoman.dist %>/styles/{,*/}*.css'] 
    }, 

...

cssmin: { 
     dist: { 
      files: { 
       '<%= yeoman.dist %>/styles/main.css': [ 
        '<banner:meta.banner>', 
        '.tmp/styles/{,*/}*.css', 
        '<%= yeoman.app %>/styles/{,*/}*.css' 
       ] 
      } 
     } 
    }, 

回答

13

橫幅在選擇去反對:

cssmin: { 
    dist: { 
     options: { 
      banner: '<%= meta.banner %>' 
     }, 
     files: { 
      '<%= yeoman.dist %>/styles/main.css': [ 
       '.tmp/styles/{,*/}*.css', 
       '<%= yeoman.app %>/styles/{,*/}*.css' 
      ] 
     } 
    } 
} 

帽尖:我還用元數據package.json,這樣你保存複製它在你的Gruntfile中,你也可以重新使用這個橫幅配置爲其他項目,而不必改變它。

grunt.initConfig({ 
    // pkg: grunt.file.read('package.json'), 
    pkg: grunt.file.readJSON('package.json'), 
    banner: '/*! <%= pkg.name %> - v<%= pkg.version %> - ' + 
      '<%= grunt.template.today("yyyy-mm-dd") %>\n' + 
      '* http://<%= pkg.homepage %>/\n' + 
      '* Copyright (c) <%= grunt.template.today("yyyy") %> ' + 
      '<%= pkg.author.name %>; Licensed MIT */', 
    cssmin: { 
     dist: { 
      options: { 
       banner: '<%= banner %>' 
      }, 
      files: { 
       '<%= yeoman.dist %>/styles/main.css': [ 
        '.tmp/styles/{,*/}*.css', 
        '<%= yeoman.app %>/styles/{,*/}*.css' 
       ] 
      } 
     } 
    } 
    // rest of your config... 
}); 

而且在package.json

{ 
    "name":       "project name", 
    "version":      "0.1.0", 
    "homepage":      "https://stackoverflow.com", 
    "author": { 
     "name":      "your name", 
     "email":     "your email", 
     "url":      "your website" 
    } 
    // devDependencies, etc 
} 
+0

嗨,老兄,非常感謝這個!與這行的chage很好的工作:「pkg:grunt.file.readJSON('package.json'),」 – chris

+0

哎呀。感謝您糾正它:) – Ben

+0

一個問題,我必須把這個,當我也有我的main.js(現在只有在CSS)文件的橫幅? – chris

相關問題