基于 11ty 的单页微前端架构设计

该项目提供了一个基于 11ty 静态站点生成器的单页微前端架构方案,适用于构建登陆页面或注册页面等简单应用。

技术特性

  • 集成 CSS 预处理和压缩功能
  • 集成 JavaScript 预处理和压缩功能
  • 提供 metadata.json 文件用于配置页面元数据
  • 提供 base.njk 模板文件用于页面布局
  • 提供 assets 文件夹用于存放图片、字体等静态资源

注意: 该项目仅提供基础架构,不包含任何组件或样式,开发者需自行实现。

使用方法

  1. 使用项目信息更新 metadata.json 文件
  2. 编辑 index.njk 文件进行页面开发

部署

可选将项目部署至 Netlify 等平台。

安装

  1. 确保已安装 Node.js 和 npm
  2. 克隆项目仓库: git clone https://github.com/systemdes/micro-site.git
  3. 安装依赖: npm i
  4. 启动本地开发服务器: npm run dev
zip 文件大小:182.43KB