angular-start

Angular起步项目，目前更新到Angular5.x

实现功能

• 通过ng build的--base-href属性来设置index.html的base路径，参考这里

• 开发环境下启用HMR（模块热更新），参考这里）

• 使用三个对应开发、测试、生产的environment文件，npm命令分别对应npm start、npm run build-test、npm run build-prod

• 使用路由器实现功能模块惰性（lazy）加载，参考这里

• 通过ng serve的--proxy-config属性实现代理解决请求跨域问题（前后端开发分离），参考这里

• ...

全局环境

Node >= 6.x
NPM >= 3.10.x

下载node（npm已包含在node中）

根据实际项目修改配置项

• 修改environments文件夹下三个环境配置文件

• 修改package.json中scripts下build-test及build-prod的--base-href值，该值用来修改index.html中base标签的href值

安装依赖并启动（开发环境）

本项目已启用Hot Module Replacement（模块热更新），帮助我们开发时更快的更新代码，然后查看页面效果。

npm install -g @angular-cli // 全局安装angular-cli

npm install // 安装依赖

npm start // 启动项目

请求代理

通过配置ng serve的--proxy-config属性进行请求代理 参考这里

模拟请求

使用 rap 模拟请求

构建

测试环境

npm run build-test

生产环境

npm run build-prod