diff --git a/components/code-editor/doc/index.en-US.md b/components/code-editor/doc/index.en-US.md
index d63b8f3c710..e2af9b0fc99 100644
--- a/components/code-editor/doc/index.en-US.md
+++ b/components/code-editor/doc/index.en-US.md
@@ -10,7 +10,11 @@ Support monaco editor in Angular.
 
 ## When To Use
 
-- When you want to use monaco editor in Angular.
+When you want to use monaco editor in Angular.
+
+```ts
+import { NzCodeEditorModule } from 'ng-zorro-antd/code-editor';
+```
 
 ## API
 
diff --git a/components/code-editor/doc/index.zh-CN.md b/components/code-editor/doc/index.zh-CN.md
index 7e5ada99c74..f30d1f796bf 100644
--- a/components/code-editor/doc/index.zh-CN.md
+++ b/components/code-editor/doc/index.zh-CN.md
@@ -11,7 +11,11 @@ monaco editor 组件。
 
 ## 何时使用
 
-- 需要在网页上渲染 monaco editor 时使用。
+需要在网页上渲染 monaco editor 时使用。
+
+```ts
+import { NzCodeEditorModule } from 'ng-zorro-antd/code-editor';
+```
 
 ## API
 
diff --git a/components/resizable/doc/index.en-US.md b/components/resizable/doc/index.en-US.md
index 4bc13f4cd0a..bc96d6ab07d 100644
--- a/components/resizable/doc/index.en-US.md
+++ b/components/resizable/doc/index.en-US.md
@@ -12,6 +12,14 @@ Resize element.
 - Support Grids System
 - Support for custom handles and preview styles
 
+## When To Use
+
+When you want to resize elements.
+
+```ts
+import { NzResizableModule } from 'ng-zorro-antd/resizable';
+```
+
 ## API
 
 ### [nz-resizable]
diff --git a/components/resizable/doc/index.zh-CN.md b/components/resizable/doc/index.zh-CN.md
index f94949bed0c..aaf4396065f 100644
--- a/components/resizable/doc/index.zh-CN.md
+++ b/components/resizable/doc/index.zh-CN.md
@@ -13,6 +13,14 @@ experimental: true
 - 支持栅格系统
 - 支持自定义调整手柄和预览样式
 
+## 何时使用
+
+当你想调整元素尺寸时.
+
+```ts
+import { NzResizableModule } from 'ng-zorro-antd/resizable';
+```
+
 ## API
 
 ### [nz-resizable]
diff --git a/package.json b/package.json
index 6bfed8ac24e..f001746d4d1 100644
--- a/package.json
+++ b/package.json
@@ -90,7 +90,7 @@
     "marked": "^0.7.0",
     "minimist": "^1.2.0",
     "monaco-editor": "^0.17.1",
-    "ng-packagr": "^9.0.0-rc.3",
+    "ng-packagr": "9.0.0-rc.4",
     "ngx-color": "^4.0.0",
     "node-prismjs": "^0.1.2",
     "parse5": "^5.1.1",
diff --git a/scripts/site/_site/doc/app/share/nz-codebox/stack-blitz.ts b/scripts/site/_site/doc/app/share/nz-codebox/stack-blitz.ts
index 56970ecd652..a9429d32e11 100644
--- a/scripts/site/_site/doc/app/share/nz-codebox/stack-blitz.ts
+++ b/scripts/site/_site/doc/app/share/nz-codebox/stack-blitz.ts
@@ -186,6 +186,7 @@ import { NzTreeModule } from 'ng-zorro-antd/tree';
 import { NzTreeSelectModule } from 'ng-zorro-antd/tree-select';
 import { NzTypographyModule } from 'ng-zorro-antd/typography';
 import { NzUploadModule } from 'ng-zorro-antd/upload';
+import { NzResizableModule } from 'ng-zorro-antd/resizable';
 
 @NgModule({
   exports: [
@@ -252,7 +253,8 @@ import { NzUploadModule } from 'ng-zorro-antd/upload';
     NzTreeSelectModule,
     NzTypographyModule,
     NzUploadModule,
-    NzWaveModule
+    NzWaveModule,
+    NzResizableModule
   ]
 })
 export class DemoNgZorroAntdModule {
@@ -288,6 +290,7 @@ export class DemoNgZorroAntdModule {
                 ],
                 "styles": [
                   "node_modules/ng-zorro-antd/src/ng-zorro-antd.min.css",
+                  "node_modules/ng-zorro-antd/resizable/style/index.min.css",
                   "src/styles.css"
                 ],
                 "scripts": []