dimkk/l24u-landing

镜像概述

本镜像基于angular-seed，为Angular项目开发提供快速、可靠且可扩展的启动模板，支持开发环境与生产环境的完整Docker化部署，遵循Angular最佳实践，集成多种开发工具与测试框架。

核心功能

• 支持单实例下多Angular应用共享代码库
• 官方Angular i18n国际化支持
• Ahead-of-Time（AOT）编译优化
• 静态类型构建系统（基于Gulp与TypeScript）
• 开发/生产环境双构建模式
• 单元测试（Jasmine+Karma）及代码覆盖率（istanbul）
• 端到端测试（Protractor）
• 带Livereload的开发服务器
• 完整Docker化支持（开发/生产环境）

使用场景

• Angular应用快速初始化与开发
• 团队协作项目的统一基础架构搭建
• 快速原型验证与演示环境部署
• 需要多应用共享代码的Angular项目

配置说明

默认配置

js
var PORT             = 5555; // 应用端口
var LIVE_RELOAD_PORT = 4002; // 热重载端口
var DOCS_PORT        = 4003; // 文档端口
var APP_BASE         = '/'; // 应用基础路径

运行时配置

可通过命令行参数修改配置：

bash
npm start -- --port 8080 --reload-port 4000 --base /my-app/

环境配置

支持多环境配置（dev/prod/staging），通过--env-config指定：

bash
npm start -- --env-config prod

Docker部署示例

开发环境部署

bash
docker-compose build
docker-compose up -d

访问地址：http://localhost:5555

生产环境部署

bash
# 构建生产镜像
docker-compose -f docker-compose.production.yml build
# 等待Angular应用构建完成
docker-compose -f docker-compose.production.yml up angular-seed
# 启动Nginx容器（后台模式）
docker-compose -f docker-compose.production.yml up -d angular-seed-nginx

访问地址：http://localhost:5555