Angular2 种子项目

项目主要用来做其他项目的初始项目,免得以后再建立各种配置文件了...

---

特性&TODO:

• 使用gulp做构建系统
• 包含服务器代码(express+ezajax)
• 构建分为 "开发" 和 "生产" 两个环境
• 支持 await/async,感动到哭(手动哭脸)
• 自动压缩js/css文件
• 建立简单的侧边栏布局
• 包含简单的UI元素
• 实现分模块延时加载

Demo启动

git clone https://git.danwi.me/danwi/ng2-seed.git

# 建议使用yarn,保证版本间兼容
npm install
npm start

环境说明

1. 开发环境

通过如下命令进入该模式

#持续编译
gulp build:dev

#进入构建目录
cd dist

#以开发模式启动node脚本
NODE_ENV=development node ./index.js

该环境将启用如下特性:

• 监听并编译服务器代码(持续监听文件改变)
• 自动生成sourcemap便于调试
• 后端的ezajax模块支持 热替换

2. 生产环境

通过如下命令进入该模式

#生产编译
gulp build
#or
gulp

#进入构建目录
cd dist

#以生产模式启动node脚本
NODE_ENV=production node ./index.js

该环境将启用如下特性:

• 前端资源自动压缩
• 所有的热替换被关闭
• 开启angular2的产品模式(enbaleProdMode)