angular8+ng-zorro-antd
安装angular脚手架
npm install -g @angular/cli 或 yarn add global @angular/cli
ng v 查看版本,是否安装成功
1. 新建项目
我选择的less预处理器;
ng new projectName
cd projectName
ng add ng-zorro-antd
ng serve :运行项目;
socket.io:file(src->polyfills.ts):(window as any).goobal = window;
路由懒加载模式:
创建路由组建:
ng g module routesFile/ --routing
ng g c routesFile/
配置代理:
新建 proxyconfig.json文件
{
"/api": {
"target": "目标域名",
"secure": false,
"logLevel": "debug",
"changeOrigin": true,
"pathRewrite": {
"/api": "/api"
}
}
}
anjular.json文件中引用:
projects:{
'项目名称':{
architect: {
serve: {
"options": {
"browserTarget": "system:build",
"proxyConfig": "proxyconfig.json", // 加入
}
},
}
}
}
}
项目打包:
ng build 打包项目
ng build --prod 自动调用aot打包
- 点赞 1
- 收藏
- 分享
- 文章举报
- ng-zorro-antd 入门初体验
- ng-zorro-antd初体验
- npm 安装卸载指定版本ng-zorro-antd
- ng-zorro-antd中踩过的坑
- ng-zorro-antd 入门
- antd design 大小优化
- ant design (antd) FormItem getFieldDecorator Checkbox 无法选中的解决方案
- antd源码解析(一)button控件的解析
- antd-mobile使用报错
- antd异步加载的树
- 阿里云 Angular 2 UI框架 NG-ZORRO介绍
- react中安装antd-mobile时出现错误
- 蚂蚁金服antd-Table-JSX风格的API
- 从小白到使用antd+react+react-router+issue+es6搭建博客
- GO语言引用React+Antd(脚手架使用dva@2,使用umi进行build)遇到问题,并解决后的记录
- antd在线换肤定制功能
- Create-react-app+Antd+Less 在项目yarn eject 的情况下进行配置
- react+mobx+antd(遇坑,并解决,记录下)
- react-app-rewired 更新2.0.1之后关于babel-import-plugin的变动 (antd按需加载问题)
- React项目 第贰篇 添加AntD