gulp-includeプラグインの使い方

ビルドツールとしてgulpを使用するプロジェクトがあります。私は何をしたいのですか？同じ内容の2つの同じページがあり、その中にヘッダー、フッター、およびnavbarのhtmlファイルが含まれています。私のフォルダmain index.htmlはルートフォルダプロジェクトにあり、そこにはheader、footer、およびnavbarというフォルダ部分もあります。私は一息設定私はこのようなものを使用することができるように含めることができます方法：私はあなたのヘッダーを仮定gulp-includeプラグインの使い方

<!--=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にこれを追加しgulp-include documentationから

<!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

を.htmlとnavbar.htmlにはbodyタグがなく、gulpファイルがシンプルな要素しかありません：

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プラグインの使い方

答えて

関連する問題