基于 11ty 的单页微前端架构设计
该项目提供了一个基于 11ty 静态站点生成器的单页微前端架构方案,适用于构建登陆页面或注册页面等简单应用。
技术特性
- 集成 CSS 预处理和压缩功能
- 集成 JavaScript 预处理和压缩功能
- 提供
metadata.json
文件用于配置页面元数据 - 提供
base.njk
模板文件用于页面布局 - 提供
assets
文件夹用于存放图片、字体等静态资源
注意: 该项目仅提供基础架构,不包含任何组件或样式,开发者需自行实现。
使用方法
- 使用项目信息更新
metadata.json
文件 - 编辑
index.njk
文件进行页面开发
部署
可选将项目部署至 Netlify 等平台。
安装
- 确保已安装 Node.js 和 npm
- 克隆项目仓库:
git clone https://github.com/systemdes/micro-site.git
- 安装依赖:
npm i
- 启动本地开发服务器:
npm run dev
182.43KB
文件大小:
评论区