diff --git a/packages/document/docs/en/guide/basic/custom-page.mdx b/packages/document/docs/en/guide/basic/custom-page.mdx
index dc6e94b80..988afe29a 100644
--- a/packages/document/docs/en/guide/basic/custom-page.mdx
+++ b/packages/document/docs/en/guide/basic/custom-page.mdx
@@ -102,14 +102,14 @@ In order to get Tailwind CSS working with Rspress, you can use the following ste
1. Install Tailwind CSS:
-
+
2. Create a `postcss.config.js` file containing `tailwindcss` plugin:
```js title="postcss.config.js"
module.exports = {
plugins: {
- tailwindcss: {},
+ '@tailwindcss/postcss': {},
},
};
```
@@ -129,9 +129,7 @@ module.exports = {
4. Include the Tailwind directives in your CSS styles file from [Custom Styles](#custom-styles):
```css title=styles/index.css
-@import 'tailwindcss/base';
-@import 'tailwindcss/components';
-@import 'tailwindcss/utilities';
+@import 'tailwindcss';
```
> For most up to date configuration, please refer to the official [Tailwind CSS documentation](https://tailwindcss.com/docs/installation/using-postcss).
diff --git a/packages/document/docs/zh/guide/basic/custom-page.mdx b/packages/document/docs/zh/guide/basic/custom-page.mdx
index 6c6a1f9e2..d41bedc38 100644
--- a/packages/document/docs/zh/guide/basic/custom-page.mdx
+++ b/packages/document/docs/zh/guide/basic/custom-page.mdx
@@ -105,14 +105,14 @@ export default defineConfig({
1. 安装 Tailwind CSS:
-
+
2. 创建一个包含 `tailwindcss` 插件的 `postcss.config.js` 文件:
```js title="postcss.config.js"
module.exports = {
plugins: {
- tailwindcss: {},
+ '@tailwindcss/postcss': {},
},
};
```
@@ -132,9 +132,7 @@ module.exports = {
4. 在你的 CSS 样式文件中添加 Tailwind 指令,参考 [自定义样式](#自定义样式):
```css title=styles/index.css
-@import 'tailwindcss/base';
-@import 'tailwindcss/components';
-@import 'tailwindcss/utilities';
+@import 'tailwindcss';
```
> 请参考官方 [Tailwind CSS 文档](https://tailwindcss.com/docs/installation/using-postcss) 了解最新用法。