用angular编写管理中台,放置于现有的非angular项目中
创建angular项目
- npm i -g @angular/cli
- ng new projectname –style=scss
- 创建全局通用header和aside: ng g c components/header ng g c components/aside
- 在 app.component.html写入
- 在src/app/目录下新建 app-routing.module.ts,作为项目组件可路由管理,以后新创建的页面全部走 app-routing.module.ts
- 例如: ng g pages/main –module=app-routing
- app.module.ts 配置如下
- index.html里面的baseurl设置:
- package.json中的build设置
- 预览效果