What is html view engine?
some code that can combine multiple .html files and produce single .html file.
Let's take example.
This is index.html file
<html lang="en">
<head>
<title>Hi hello</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
{ navbar }
{ footer }
</body>
</html>
here { footer } means HTML-Engine put the code from footer.html and after replace this all { something }, engine merge all code in one file.
and this is the simple navbar.html
<nav>
<span class="logo" >
Logo
</span>
<span >
<span>Home</span>
<span>Student</span>
<span>Developer</span>
<span>About</span>
</span>
</nav>
and this is simple footer.html
<footer >
Made with Utsav Ladani
</footer>
After run my code you get this main.html
<html lang="en">
<head>
<title>Hi hello</title>
</head>
<body>
<nav>
<span class="logo" >
Logo
</span>
<span >
<span>Home</span>
<span>Student</span>
<span>Developer</span>
<span>About</span>
</span>
</nav>
<footer >
Made with Utsav Ladani
</footer>
</body>
</html>
I try to understand how html engine works, and make this simple html engine. I hope you also understand this idea.
Here is my github project link
HTML Engine
The simple engine idea which can combine multiple html file and produce a single html file.
Version v1.0.0
This version is the basic idea of HTML engine.
How to use?
Use views folder as your working directory. Example is given in there.
Just type node src/index.js in command line.
And see the result in build/main.html.
Top comments (0)