Question

我有一个项目，我使用gulp作为构建工具。我想要的是因为我有2个不同内容的相同页面，包括页眉，页脚和导航栏html文件。我的文件夹主index.html在根文件夹项目中，并且我还有文件夹部分包含页眉，页脚和导航栏。我如何设置gulp include以便我可以使用这样的东西：

<!DOCTYPE html>
<html lang="en">

  /*=include partials/header.html */

  <body>

    /*=include partials/navbar.html */

    <div class="container form-container">
      <div class="row">

Answer 1

从gulp-include documentation添加到您的html

<!DOCTYPE html>
<html lang="en">

    <!--=include partials/header.html -->

<body>

    <!--=include partials/navbar.html -->

    <div class="container form-container">
      <div class="row">

喜欢这样

var gulp  = require("gulp"),
include   = require("gulp-include");

gulp.task("include html", function() {
  console.log("-- gulp is including html partials");

  gulp.src("index.html")
    .pipe(include()).on('error', console.log)
    .pipe(gulp.dest("dist"));
});

我认为你的header.html和navbar.html只有那些元素，即没有身体标签，然后你的gulp文件很简单：

Sub RepeatTableHeadings()

  Dim tbl As Table

  For Each tbl In ActiveDocument.Tables
    tbl.Rows(1).HeadingFormat = True
  Next tbl

End Sub

如何使用gulp-include插件

1 个答案: