如何使用gulp-include插件

我有一個項目，我用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">

來源

2017-03-02 Leff

從gulp-include documentation添加到您的HTML

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

像這樣

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

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

<body> 

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

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

我假設你的頭.html和navbar.html只有這些元素，即沒有正文標籤，然後您的一file文件很簡單：

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")); 
});

來源

2017-03-03 03:06:00 Mark

如何使用gulp-include插件

回答

相關問題