2016-07-11 4 views
0

静的なHTMLページを開発する必要がありますが、一般的な部分をコピー/貼り付けすることを繰り返すことは望ましくありません。たとえば、すべてのページにヘッダーとフッターを含めたいとします。gulpを使用したモジュラーHTML:どのフレームワークを使用しますか?

あまりに洗練されたものは必要ありません。ちょうどにはフィーチャーが含まれています。ビルドシステムとしてGulpを使用して

私はDIST/フォルダ内の完全なHTMLを取得し、のsrc/フォルダ内および処理タスクの後に私のテンプレートを持っていると思います。

私はhandlebarsのようなものを使用すると思っていましたが、これが適切なフレームワークであるかどうかはわかりませんが、上記のワークフローでGulpに統合する方法はわかりません。

ヒント?

+0

ヘッダー、フッターの場合、gulpに統合する必要はありませんが、テンプレートに含めることはできますが、ほぼすべてのテンプレートエンジンがそれを行うことができます。 – YOU

+0

私は知っています。 Gulpの部分は、完成したHTMLを出力したいからです。 – caneta

答えて

0

マークアップの静的なチャンクをレンダリングするために、ハンドルバーを絶対に使用することができます。しかし、データ駆動型のコンテンツを構築している場合を除いて、それは過度の可能性があります。

PHPのincludeに似たものがほしいと思うようです。

そのためには、.KITファイルをチェックしてください。 CodeKitに組み込まれた.KITファイルコンパイラに基づくgulp-codekitdocumentation here)をお勧めします。

+0

データ駆動のものはなく、わずか2つしか含まれていません。しかし、出力として完全なHTMLファイルが必要です。 CodeKitはオープンソースではないようです...オープンな選択肢はありますか? – caneta

+0

CodeKitは確かにそれ自身の獣です。しかし、gulp-codekitはGulpのワークフローで独立して使用できます。 CodeKitの背後にある作者/チームは、Docsの中で次のものを提供しています(「*あなたはCodeKitに*をロックしています!*」)。 「Kitのコンパイラはオープンソースです。(https://github.com/bdkjones/Kit)、任意の開発者は、このコードを使用してキットサポートをどの製品にも統合することを歓迎します。 –

関連する問題