52ABP前端升级2.0.x指南
前言
本篇内容为指导从 yoyo-ng-module 1.x 升级到 yoyo-ng-module 2.x
详细说明
52ABP前端框架采用的是 基于NG-Zorro构建的脚手架 NG-Alian，将其修改并整合到前端模块yoyo-ng-module中
最初支持版本: Angular6 + NG-Zorro(低于1.8)版本 + NG-Alian 1.x
近期由于NG-Zorro 1.8 版本的升级对原有图标的升级是破坏式的，并且NG-Alian也发布了2.0正式版，于是乎近几日也对yoyo-ng-module进行了升级，发布了2.0.1。
升级部分:
- 整合 NG-Alian 2.0与 ABP前端模块
- 支持NG-Zorro 1.8
- 菜单布局优化
新版本可以通过 或者 直接下载。
升级教程正式开始
1、升级ng-zorro、yoyo-ng-module
以下命令看个人喜好使用
- 安装 ng-zorro1.8
npm命令 : npm install ng-zorro-antd@1.8.0yarn命令: yarn add ng-zorro-antd@1.8.0复制代码
- 安装 yoyo-ng-module 2.0.1
npm命令 : npm install yoyo-ng-module@2.0.1yarn命令: yarn add yoyo-ng-module@2.0.1复制代码
- 修复 ng-zorro 图标丢失（官方文档链接：）
ng g ng-zorro-antd:fix-icon复制代码
2、新增/替换 前端项目文件
从 或者 下载 4.0.0 的代码，将这里面的部分内容替换到原有项目中
注意 : 替换文件时请确认是否有自定义功能已添加,替换前请注意备份
account
替换 文件src/account/account.module.ts替换 文件src/account/login/login.component.html替换 文件src/account/login/login.component.less替换 文件src/account/register/register.component.html替换 文件src/account/tenant/tenant-change-modal.component.html替换 文件src/account/tenant-register/tenant-register.component.html
app
替换 文件src/app/app.component.html替换 文件src/app/app.component.ts参照修改 文件src/app/AppMenus.ts替换 文件src/app/home/home.component.html替换 文件夹(目录)src/app/layout
styles
替换 文件src/styles.less替换 文件src/styles/index.less替换 文件src/styles/theme.less新增 文件src/styles/theme-variable.less新增 文件src/style-icons-auto.ts新增 文件src/style-icons.ts
shared
替换 文件src/shared/shared.module.ts
assets
替换 文件src/assets/appconfig.dev.json替换 文件src/shared/appconfig.prod.json
其它
替换 文件src/root.module.ts替换 文件src/root.component.ts替换 文件src/yoyo.module.ts替换 文件src/AppPreBootstrap.ts
以上步骤执行完成之后即可成功升级到ng-zorro1.8.x + ng-alian 2.0
如有疑问或发生问题请加入qq群：633751348
转载请注明原文链接和作者名称