將Grunt Jade選項傳遞給文件

Question

我正在使用grunt-contrib-jade，並且想使用pkg.name和pkg.version建立我的css文件名。 我無法使它正常工作，希望有人可以幫助我。 這是我所擁有的：

Gruntfile中的玉器任務的一部分

compile: {
    options: {
        data  : {
            app    : '<%= pkg.name %>',
            version: '<%= pkg.version %>',
        },
        pretty: true
    }

然后在我的玉文件中，我有：

link(href='_assets/css/<%= app %>-<%= version %>.css', rel='stylesheet', media='screen')

不知道如何從Gruntfile中的jade任務的編譯選項中添加數據。

預先感謝您的幫助

Answer 1

看來您尚未將package.json加載到您的Grunt配置中，將以下內容添加到您的grunt文件中。

grunt.initConfig({
   pkg: require("./package.json"),// <---- add this line
   compile: {
       options: {
          data  : {
              app    : '<%= pkg.name %>',
              version: '<%= pkg.version %>',
          },
          pretty: true
       }
  }
});

我個人更喜歡將其添加到如下的meta對象下：

grunt.initConfig({
   meta{
      pkg: require("./package.json"),// <---- add this line
   },
   compile: {
       options: {
          data  : {
              app    : '<%= meta.pkg.name %>', // <-- notice i added meta
              version: '<%= meta.pkg.version %>',// <-- notice added meta
          },
          pretty: true
       }
  }
});

您還可以嘗試以下操作：

var pkg = require("./package.json");

grunt.initConfig({
   compile: {
       options: {
          data  : {
              app    : pkg.name, // <-- notice no quotes and no micro templating
              version: pkg.version ,// <-- notice no quotes and no micro templating
          },
          pretty: true
       }
  }
});

這種方式並不像上一個那樣動態。