2016-04-17 4 views
0

私はindex.htmlとheader.htmlを持っています。私がしたいのは、header.htmlのテキストをindex.htmlに挿入するgulpタスクを持つことです。ですから、例えば:gulpを使用してファイルから別のファイルにコンテンツを挿入できますか?

header.html

abcdef 
ghijkl 

index.htmlの前に挿入

line1 
line2 
<!-- header:start --> 
... 
... 
... 
<!-- header:end --> 
line3 

index.htmlを挿入した後

line1 
line2 
<!-- header:start --> 
abcdef 
ghijkl 
<!-- header:end --> 
line3 
line4 
誰も私を助け、私にいくつかを与えることができ

どのように私はこれを行うことができますアドバイス?

答えて

1

あなたの後ろは間違いなく達成可能です。最速かつ最も簡単にはhttps://www.npmjs.com/package/gulp-mustache

のsrc /ルート/ index.htmlを

<html> 
{{> ../partials/head.html }} 
</html> 

のsrc /パーシャル/ヘッドのようになります& http://mustache.github.io/mustache.5.html

のようなよく知られている魅力的なソリューションを使用することが考えられます。 HTML

<head> 
    <link .... /> 
    <somethingelse> 
</head> 

一気ファイル

gulp.src("./src/routes/*.html") 
    .pipe(mustache()).pipe(gulp.dest("./dist")); 

がうまくいけば、私は正確にこれらのスニペットを試していませんが、私はそれがアイデアを伝えるべきだと思い

DIST/index.htmlを

<html> 
    <head> 
    <link .... /> 
    <somethingelse> 
    </head> 
</html> 

を生成する必要があります:)

を純粋に行うにはJS & gulpも可能ですが、おそらくカスタムストリームプロセッサーと何らかの検索置換などが必要になりますが、外部依存関係を使用しない理由がない限り、私は魅力的なライブラリを提案しますあなたがもっと多くの機能(ループなど)をインストールするようにアプローチする

関連する問題