用类似JSP的方式编写原生HTML/JS/CSS网站
我们支持对原生HTML网站的以下特性:
- 语法
- 配置
- 打包
- [x]支持gzip压缩支持
- [x]支持图片webp自动压缩
为了构建一个组件化的网站,我们将.html
文件视为一个组件。组件和组件之间可以相互引用。
例如,我们在项目目录下新建一个header.html
文件,和一个footer.html
文件:
<!-- header.html -->
<header>Header</header>
<!-- footer.html -->
<footer>Footer</footer>
然后就可以在index.html
文件中引用上述两个组件:
<!-- index.html -->
<!DOCTYPE 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">
<title>Home</title>
</head>
<body>
{{template "/header.html"}}
<div>Content</div>
{{template "/footer.html"}}
</body>
</html>
然后使用GTE命令,运行该项目:
gte serve
您将在浏览器看到运行结果:
Header
Content
Footer