Grunt JS：将参数传递给 grunt-html-build

Question

我正在使用 grunt-html-build 插件制作带模板的静态网站。我想知道是否可以将自定义 parameter 对象传递给 grunt-html-build 的 build 函数，如下所示：

    <!-- build:section layout.head(customSettings) -->
    <!-- /build -->

在模板文件中，像这样：

<title>customSettings.title</title>
<meta property="og:title" content="customSettings.fbTitle" />

Answer 1

改用 grunt-bake 插件，它有一个 Inline Section 语句 允许传递自定义参数对象，示例配置为

要通过 grunt-bake

包含其他内容的 HTML 文件

<html>
  <body>
    <!--(bake includes/file.html _section="home")-->
  </body>
</html>

file.html 文件

<h1>{{title}}</h1>
<p>{{content}}</p>

JSON 文件，其中包含有关 _section 属性中提到的 home 对象的信息

{
  "home": {
    "title": "Home",
    "content": "This is home"
  }
}

最后是grunt-bake任务的配置

grunt.initConfig({
  bake: {
    build: {
        options: {
            content: "content.json"
        },
        files: {
            "baked.html": "filetobake.html"
        }
    }
  }
})

Grunt JS：将参数传递给 grunt-html-build

Grunt JS: passing parameter to grunt-html-build

javascript

plugins

gruntjs

grunt-html-build