本文檔將幫助你從 ng-zorro-antd 9.x 版本升級到 10.x 版本，如果你是 8.x 或者更老的版本，請先參考之前的升級文檔升級到 9.x。

NG-ZORRO

 

• 文檔
• 組件
• 實驗性功能
• 國內鏡像

10.0.2 English Star 6933

• Ant Design of Angular
• 快速上手
• 腳手架
• 國際化
• 服務端渲染
• 定製主題
• 全局配置項
• 動畫開關
• 資源推薦
• 常見問題
• 貢獻指南
• 更新日誌
• v10 升級指南

v10 升級指南

 

開始之前 升級步驟

本文檔將幫助你從 ng-zorro-antd 9.x 版本升級到 10.x 版本，如果你是 8.x 或者更老的版本，請先參考之前的升級文檔升級到 9.x。

開始之前#

1. 首先確保你 Node.js >= 10.13
2. 創建新的分支，或者使用其他方式備份當前項目
3. 刪除項目下 package-lock.json 文件

升級步驟#

1.遷移到二級入口（如果需要）#

// 之前
import {  NzButtonModule, NzNoAnimationModule } from 'ng-zorro-antd';

// 之後
import { NzButtonModule } from 'ng-zorro-antd/button';
import { NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';

我們已經在 v8 中棄用了 NgZorroAntdModule 和一級入口，並保留了 2 個版本後在此版本中移除，你可以使用 NG-ZORRO TSLint 來檢查/修復項目中的引入入口。

(1) 安裝 NG-ZORRO TSLint#

$ npm i nz-tslint-rules -D

(2) 配置 tslint.json#

{
  "rulesDirectory": [
    "node_modules/nz-tslint-rules"
  ],
  "rules": {
    "nz-secondary-entry-imports": true
  }
}

(3) 運行 TSLint 檢查項目中的一級入口並修復#

$ tslint --project <tsconfig> --fix

2. 升級相關依賴#

• 前往 https://update.angular.io/ 將項目升級到 Angular10。
• 如果你有單獨使用 @angular/cdk 請執行 ng update @angular/cdk
• 如果你有單獨使用 [email protected] 請先升級到 2.x

3.升級 NG-ZORRO#

• 運行 ng update ng-zorro-antd
• 如果控制檯出現警告消息請按提示修改對應代碼

 

更新日誌Button

相關資源

NG-ZORRO-MOBILE  - Angular Ant Design  - React Ant Design  - Vue Angular Angular CLI

社區

Awesome Ant Design Blog Twitter 知乎專欄 Medium

幫助

GitHub 更新日誌 常見問題 報告 Bug 討論列表 NG-ZORRO 實戰教程  StackOverflow

 

Made with   ❤  by NG-ZORRO team

阿里雲招聘 Java 開發技術專家

與 ng-zorro-antd 團隊一起工作，職位介紹： https://t.cn/A6bMHQae，發送簡歷至[email protected]

Next