H5assembler
H5 assember 1.0.0

彼の通貨と同じコードを別のファイルに書きたくないすべてのWeb開発者のために作られました: don't repeat yourself
同じテキストを二度と書き直す必要はありません
H5Aリポジトリはgithub上にあります現在のバージョンは1.0.2です
ウィンドウでH5Assemblerを構築する場合
MSYS64をダウンロードします
MINGW64またはMINGW32ツールチェーンをダウンロードします
Flex、Bison、Make in MSYS64タイプをダウンロードします
pacman -S flex
pacman -S bison
pacman -S make - プロジェクトディレクトリにコマンドスローmsysシェルを作成make
ウィンドウでH5Assemblerを構築する場合
sudo apt-get update
sudo apt install make
sudo apt-get install flex bison
-run make command make debian
H5Assemblerは、HTMLコードを削減できるテクノロジーを提供し、(Laravel、Django)などのフレームワークに簡単に統合できることを保証します。
navbar.html
< nav >
< a href ="" > mikle </ a >
< a href ="" > jordan </ a >
< a href ="" > taba </ a >
</ nav >index.html
< html lang =" en " >
< head >
< meta charset =" UTF-8 " >
< meta http-equiv =" X-UA-Compatible " content =" IE=edge " >
< meta name =" viewport " content =" width=device-width, initial-scale=1.0 " >
< link rel =" stylesheet " href =" https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css " >
< title > simple include H5assembler </ title >
</ head >
< body >
@include("navbar.html")
</ body >
</ html > index.html runコマンドH5A index.html output.htmlと同じディレクトリ内で。このコマンドは、次のコンテンツoutput.htmlを使用してoutput.htmlファイルを生成します
< html lang =" en " >
< head >
< meta charset =" UTF-8 " >
< meta http-equiv =" X-UA-Compatible " content =" IE=edge " >
< meta name =" viewport " content =" width=device-width, initial-scale=1.0 " >
< link rel =" stylesheet " href =" https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css " >
< title > simple include H5assembler </ title >
</ head >
< body >
< nav >
< a href ="" > mikle </ a >
< a href ="" > jordan </ a >
< a href ="" > taba </ a >
</ nav >
</ body >
</ html > H5の詳細については、 documentationをお読みください