@modern-js/main-doc 0.0.0-nightly-20240417170715 → 0.0.0-nightly-20240419170703

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/docs/en/community/blog/overview.md +0 -8
  2. package/docs/en/community/contributing-guide.mdx +0 -16
  3. package/docs/en/guides/get-started/tech-stack.mdx +0 -32
  4. package/docs/en/guides/topic-detail/generator/plugin/category.md +1 -1
  5. package/docs/zh/community/blog/overview.md +0 -12
  6. package/docs/zh/community/contributing-guide.mdx +0 -16
  7. package/docs/zh/guides/get-started/tech-stack.mdx +0 -32
  8. package/package.json +7 -7
package/docs/en/community/blog/overview.md CHANGED
@@ -8,8 +8,6 @@ Welcome to Modern.js blog!
8
8
 
9
9
  You can find the latest update of Modern.js and our thought processes here. Occasionally we explain the infrastructure behind it.
10
10
 
11
- ---
12
-
13
11
  ## Announcing Modern.js v2: support Rspack
14
12
 
15
13
  > Published on 16.03.2023
@@ -20,8 +18,6 @@ Modern.js is a suite of infrastructure tools we built for web development inside
20
18
 
21
19
  We are extremely proud of what we have achieved so far, you can also refer to [this article(English version under construction)](/community/blog/v2-release-note)👈🏻 to see what has changed over the last year in Modern.js.
22
20
 
23
- ---
24
-
25
21
  ## What is Streaming SSR in React 18
26
22
 
27
23
  > Published on 16.12.2022
@@ -36,8 +32,6 @@ To understand its design further, check out this [Github Discussion](https://git
36
32
 
37
33
  Or read more from us at [here(Further content in English under construction)](https://mp.weixin.qq.com/s/w4FS5sBcHqRl-Saqi19Y6g).
38
34
 
39
- ---
40
-
41
35
  ## Introducing React Server Component in Modern.js
42
36
 
43
37
  > Published on 01.12.2022
@@ -59,8 +53,6 @@ We updated Modern.js to v1.21.0 during Sept - Oct. Major upgrade includes:
59
53
 
60
54
  [Read more (English version under construction)](/community/blog/2022-0910-updates)
61
55
 
62
- ---
63
-
64
56
  ## Updates during July - August in 2022
65
57
 
66
58
  > Published on 2022.09.05
package/docs/en/community/contributing-guide.mdx CHANGED
@@ -6,8 +6,6 @@ sidebar_position: 3
6
6
 
7
7
  Thanks for that you are interested in contributing to Modern.js. Before starting your contribution, please take a moment to read the following guidelines.
8
8
 
9
- ---
10
-
11
9
  ## Setup the Dev Environment
12
10
 
13
11
  ### Fork the Repo
@@ -81,8 +79,6 @@ Set the email for local repo:
81
79
  git config user.email "SOME_EMAIL@example.com"
82
80
  ```
83
81
 
84
- ---
85
-
86
82
  ## Making Changes and Building
87
83
 
88
84
  Once you have set up the local development environment in your forked repo, we can start development.
@@ -123,8 +119,6 @@ If you need to clean all `node_modules/*` in the project, run the `reset` comman
123
119
  pnpm run reset
124
120
  ```
125
121
 
126
- ---
127
-
128
122
  ## Testing
129
123
 
130
124
  ### Add New Tests
@@ -164,8 +158,6 @@ If you need to run a specified test, you can add keywords to filter:
164
158
  npx jest copy-assets
165
159
  ```
166
160
 
167
- ---
168
-
169
161
  ## Linting
170
162
 
171
163
  To help maintain consistency and readability of the codebase, we use a ESLint to lint the codes.
@@ -176,8 +168,6 @@ You can run the Linter by executing the following command:
176
168
  pnpm run lint
177
169
  ```
178
170
 
179
- ---
180
-
181
171
  ## Benchmarking
182
172
 
183
173
  You can input `!bench-framework` or `!bench-module` in the comment area of ​​the PR to do benchmarking on `@modern-js/app-tools` and `@modern-js/module-tools` respectively (you need to have Collaborator and above permissions).
@@ -186,8 +176,6 @@ You can focus on metrics related to build time and bundle size based on the comp
186
176
 
187
177
  Dependencies installation-related metrics base on publishing process, so the data is relatively lagging and is for reference only.
188
178
 
189
- ---
190
-
191
179
  ## Documentation
192
180
 
193
181
  Currently Modern.js provides documentation in English and Chinese. If you can use Chinese, please update both documents at the same time. Otherwise, just update the English documentation.
@@ -207,8 +195,6 @@ This website is built with Rspress, the document content can be written using ma
207
195
 
208
196
  The source code of Rspress can be found in [this repo](https://github.com/web-infra-dev/rspress).
209
197
 
210
- ---
211
-
212
198
  ## Submitting Changes
213
199
 
214
200
  ### Add a Changeset
@@ -239,8 +225,6 @@ feat(plugin-swc): Add `xxx` config
239
225
  |____________ Type
240
226
  ```
241
227
 
242
- ---
243
-
244
228
  ## Publishing
245
229
 
246
230
  We use **Modern.js Monorepo Solution** to manage version and changelog.
package/docs/en/guides/get-started/tech-stack.mdx CHANGED
@@ -8,56 +8,42 @@ The Modern.js framework comes with built-in popular libraries and development to
8
8
 
9
9
  In this document, you can learn about the main technology stack involved in the Modern.js framework, as well as some optional libraries and tools.
10
10
 
11
- ---
12
-
13
11
  ## UI Library
14
12
 
15
13
  Modern.js uses [React 18](https://react.dev/) to build user interfaces and is also compatible with React 17.
16
14
 
17
15
  Rsbuild supports building Vue applications. If you need to use Vue, you can refer to ["Rsbuild - Vue"](https://rsbuild.dev/guide/framework/vue3).
18
16
 
19
- ---
20
-
21
17
  ## Routing
22
18
 
23
19
  Modern.js uses [React Router 6](https://reactrouter.com/en/main) for routing and is also compatible with React Router 5.
24
20
 
25
21
  Modern.js supports conventional routing, self-controlled routing, or other routing schemes. Please refer to ["Routing"](/en/guides/basic-features/routes) to make your choice.
26
22
 
27
- ---
28
-
29
23
  ## Micro Frontends
30
24
 
31
25
  Modern.js provides out-of-the-box support for the [Garfish](https://www.garfishjs.org/) micro frontend framework.
32
26
 
33
27
  We are also working with Zack Jackson, the author of [Module Federation](https://webpack.js.org/concepts/module-federation/), to provide a more comprehensive solution.
34
28
 
35
- ---
36
-
37
29
  ## State Management
38
30
 
39
31
  Modern.js can be used with any community state management library, such as [Redux](https://redux.js.org/), [Jotai](https://jotai.org/), [Zustand](https://docs.pmnd.rs/zustand), [Valtio](https://valtio.pmnd.rs/), and more.
40
32
 
41
33
  Modern.js also provides a wrapper around Redux called Reduck for state management. You can refer to ["Reduck State Management"](/en/guides/topic-detail/model/quick-start) for usage.
42
34
 
43
- ---
44
-
45
35
  ## Package Manager
46
36
 
47
37
  Modern.js can be used with any community package manager, such as [npm](https://www.npmjs.com/package/npm), [yarn](https://classic.yarnpkg.com/lang/en/), [pnpm](https://pnpm.io/), or [Bun](https://bun.sh/).
48
38
 
49
39
  We recommend using pnpm for faster installation speed.
50
40
 
51
- ---
52
-
53
41
  ## Bundler
54
42
 
55
43
  Modern.js uses [Webpack 5](https://webpack.js.org/) or [Rspack](https://www.rspack.dev/) to bundle your web applications.
56
44
 
57
45
  The default bundler used is Webpack 5. You can refer to ["Using Rspack"](/en/guides/advanced-features/rspack-start) to switch to the faster Rspack.
58
46
 
59
- ---
60
-
61
47
  ## Transpiler
62
48
 
63
49
  Modern.js uses [Babel](https://babeljs.io/), [SWC](https://swc.rs/), or [esbuild](https://esbuild.github.io/) as JavaScript transpiler to transform TypeScript or JSX into JavaScript code that can run in browsers and perform syntax downgrades.
@@ -65,8 +51,6 @@ Modern.js uses [Babel](https://babeljs.io/), [SWC](https://swc.rs/), or [esbuild
65
51
  - When using Webpack for bundling, the default tool is Babel, which can be switched to SWC or esbuild.
66
52
  - When using Rspack for bundling, the default tool is SWC, which can be switched to Babel.
67
53
 
68
- ---
69
-
70
54
  ## Minimizer
71
55
 
72
56
  During production builds, Modern.js uses [Terser](https://github.com/terser/terser), [SWC](https://swc.rs/), or [esbuild](https://esbuild.github.io/) to minify JavaScript code, and [cssnano](https://cssnano.co/) to minify CSS code.
@@ -74,16 +58,12 @@ During production builds, Modern.js uses [Terser](https://github.com/terser/ters
74
58
  - When using Webpack for bundling, the default tool for minifying JS code is Terser, which can be switched to SWC or esbuild.
75
59
  - When using Rspack for bundling, the default tool for minifying JS code is SWC, and switching to other tools is not currently supported.
76
60
 
77
- ---
78
-
79
61
  ## CSS Transformer
80
62
 
81
63
  Modern.js uses [PostCSS](https://postcss.org/) to transform CSS code and enables [autoprefixer](https://github.com/postcss/autoprefixer) by default to add CSS prefixes.
82
64
 
83
65
  Modern.js supports enabling ["Tailwind CSS"](/en/guides/basic-features/css.html#using-tailwind-css) and is compatible with both Tailwind CSS v2 and v3.
84
66
 
85
- ---
86
-
87
67
  ## CSS Preprocessors
88
68
 
89
69
  Modern.js supports three CSS preprocessors: [Sass](https://sass-lang.com/), [Less](https://lesscss.org/), and [Stylus](https://stylus-lang.com/):
@@ -91,46 +71,34 @@ Modern.js supports three CSS preprocessors: [Sass](https://sass-lang.com/), [Les
91
71
  - Sass and Less are supported by default and ready to use.
92
72
  - Stylus is optional and can be used by referring to the ["Stylus Plugin"](https://rsbuild.dev/plugins/list/plugin-stylus).
93
73
 
94
- ---
95
-
96
74
  ## CSS Modules
97
75
 
98
76
  Modern.js provides out-of-the-box support for [CSS Modules](https://github.com/css-modules/css-modules), which is implemented internally based on [css-loader](https://www.npmjs.com/package/css-loader).
99
77
 
100
78
  Please refer to ["Use CSS Modules"](/guides/basic-features/css-modules) for usage instructions.
101
79
 
102
- ---
103
-
104
80
  ## CSS-in-JS
105
81
 
106
82
  Modern.js supports the use of [styled-components](https://styled-components.com/). Please refer to ["Using CSS-in-JS"](/en/guides/basic-features/css.html#using-css-in-js) for usage instructions.
107
83
 
108
84
  If you need to use other CSS-in-JS solutions, you can integrate them into your project on your own.
109
85
 
110
- ---
111
-
112
86
  ## Testing Framework
113
87
 
114
88
  Modern.js supports the use of [Jest](https://jestjs.io/) for unit testing or integration testing. This feature is optional. Please refer to ["Using Jest"](/en/guides/advanced-features/testing) to enable it.
115
89
 
116
90
  If you need to use [Vitest](https://vitest.dev/) or other testing frameworks, you can integrate them into your project on your own.
117
91
 
118
- ---
119
-
120
92
  ## UI Components
121
93
 
122
94
  Modern.js can be used with any React UI component library from the community, such as [MUI](https://mui.com/), [Ant Design](https://ant.design/), [Arco Design](https://github.com/arco-design/arco-design), [Semi Design](https://semi.design/), [Radix UI](https://www.radix-ui.com/), and more.
123
95
 
124
96
  Additionally, Modern.js provides built-in support for [on-demand import](/configure/app/source/transform-import) of Ant Design and Arco Design.
125
97
 
126
- ---
127
-
128
98
  ## Component Development
129
99
 
130
100
  Modern.js supports the use of [Storybook](https://storybook.js.org/) for developing UI components. This feature is optional. Please refer to ["Using Storybook"](/en/guides/advanced-features/using-storybook) to enable it.
131
101
 
132
- ---
133
-
134
102
  ## Node.js Framework
135
103
 
136
104
  import TechStackNodeFramework from '@site-docs-en/components/tech-stack-node-framework';
package/docs/en/guides/topic-detail/generator/plugin/category.md CHANGED
@@ -2,7 +2,7 @@
2
2
  sidebar_position: 2
3
3
  ---
4
4
 
5
- ## Introduction
5
+ # Introduction
6
6
 
7
7
  There are two types of generator plugin:
8
8
 
package/docs/zh/community/blog/overview.md CHANGED
@@ -8,8 +8,6 @@ sidebar_position: 1
8
8
 
9
9
  在这里，你可以了解到 Modern.js 的最新进展和技术分享。
10
10
 
11
- ---
12
-
13
11
  ## AIGC 如何影响下一代文档搜索方案？
14
12
 
15
13
  > 发表于 2023.05.11
@@ -18,8 +16,6 @@ sidebar_position: 1
18
16
 
19
17
  [了解更多 →](https://mp.weixin.qq.com/s/OGuixAbvbIYr2viQrOrPXg)
20
18
 
21
- ---
22
-
23
19
  ## Modern.js v2 发布：支持 Rspack 构建
24
20
 
25
21
  > 发表于 2023.03.16
@@ -32,8 +28,6 @@ Modern.js 是字节跳动 Web Infra 团队开源的一套 Web 工程体系。在
32
28
 
33
29
  [了解更多 →](/community/blog/v2-release-note)
34
30
 
35
- ---
36
-
37
31
  ## React Streaming SSR 原理解析
38
32
 
39
33
  > 发表于 2022.12.16
@@ -45,8 +39,6 @@ React 18 提供了一种新的 SSR 渲染模式： Streaming SSR。通过 Stream
45
39
 
46
40
  [了解更多 →](https://mp.weixin.qq.com/s/w4FS5sBcHqRl-Saqi19Y6g)
47
41
 
48
- ---
49
-
50
42
  ## React Server Component 介绍
51
43
 
52
44
  > 发表于 2022.12.01
@@ -57,8 +49,6 @@ React 官方对 Server Component 是这样介绍的: **zero-bundle-size React Se
57
49
 
58
50
  [了解更多 →](https://mp.weixin.qq.com/s/B-XLvW00vl5RE1Ur3EW4ow)
59
51
 
60
- ---
61
-
62
52
  ## 2022 年 9 ~ 10 月更新内容
63
53
 
64
54
  > 发表于 2022.11.01
@@ -70,8 +60,6 @@ Modern.js 9 ~ 10 月的最新版本为 v1.21.0，本双月的主要更新有：
70
60
 
71
61
  [了解更多 →](/community/blog/2022-0910-updates)
72
62
 
73
- ---
74
-
75
63
  ## 2022 年 7 ~ 8 月更新内容
76
64
 
77
65
  > 发表于 2022.09.05
package/docs/zh/community/contributing-guide.mdx CHANGED
@@ -6,8 +6,6 @@ sidebar_position: 3
6
6
 
7
7
  感谢你有兴趣为 Modern.js 做贡献！在开始你的贡献之前，请花几分钟时间阅读以下指南。
8
8
 
9
- ---
10
-
11
9
  ## 设置开发环境
12
10
 
13
11
  ### Fork 仓库
@@ -80,8 +78,6 @@ git config --global user.email "SOME_EMAIL@example.com"
80
78
  git config user.email "SOME_EMAIL@example.com"
81
79
  ```
82
80
 
83
- ---
84
-
85
81
  ## 代码变更和构建
86
82
 
87
83
  当你在 fork 的仓库中设置完本地开发环境后，我们就可以开始开发了。
@@ -122,8 +118,6 @@ pnpm run prepare
122
118
  pnpm run reset
123
119
  ```
124
120
 
125
- ---
126
-
127
121
  ## 测试
128
122
 
129
123
  ### 添加新测试
@@ -163,8 +157,6 @@ pnpm run test:e2e
163
157
  npx jest copy-assets
164
158
  ```
165
159
 
166
- ---
167
-
168
160
  ## Linting
169
161
 
170
162
  为了帮助保持代码风格的一致性和可读性，我们使用 ESLint 对代码进行校验。
@@ -175,8 +167,6 @@ npx jest copy-assets
175
167
  pnpm run lint
176
168
  ```
177
169
 
178
- ---
179
-
180
170
  ## Benchmarking
181
171
 
182
172
  你可以在 PR 的评论区中输入 `!bench-framework` 或 `!bench-module` 分别对 `@modern-js/app-tools` 和 `@modern-js/module-tools` 做性能测试（这需要你具有 Collaborator 及以上的权限）。
@@ -185,8 +175,6 @@ pnpm run lint
185
175
 
186
176
  依赖安装相关指标由于需要前置的发包流程，因此数据相对有滞后性，仅供参考。
187
177
 
188
- ---
189
-
190
178
  ## 文档
191
179
 
192
180
  目前 Modern.js 提供英文和中文文档。如果你熟悉中文，请同时更新中英文文档。否则，只需更新英文文档即可。
@@ -206,8 +194,6 @@ root
206
194
 
207
195
  Rspress 的源代码可以在 [这个仓库](https://github.com/web-infra-dev/rspress) 中找到。
208
196
 
209
- ---
210
-
211
197
  ## 提交变更
212
198
 
213
199
  ### 添加 Changeset
@@ -238,8 +224,6 @@ feat(plugin-swc): 添加 `xxx` 配置项
238
224
  |____________ 类型
239
225
  ```
240
226
 
241
- ---
242
-
243
227
  ## 发布
244
228
 
245
229
  Modern.js 使用 [Changesets](https://github.com/changesets/changesets) 来管理版本和 changelog。
package/docs/zh/guides/get-started/tech-stack.mdx CHANGED
@@ -8,56 +8,42 @@ Modern.js 框架默认集成了一些社区中流行的库和开发工具。
8
8
 
9
9
  在这篇文档中，你可以了解到 Modern.js 框架涉及的主要技术栈，以及一些可选的库和工具。
10
10
 
11
- ---
12
-
13
11
  ## UI 库
14
12
 
15
13
  Modern.js 使用 [React 18](https://react.dev/) 来构建用户界面，同时也兼容 React 17。
16
14
 
17
15
  Modern.js 底层的 Rsbuild 支持构建 Vue 应用，如果你需要使用 Vue，可以参考[「Rsbuild - Vue」](https://rsbuild.dev/zh/guide/framework/vue3)。
18
16
 
19
- ---
20
-
21
17
  ## 路由
22
18
 
23
19
  Modern.js 的路由基于 [React Router 6](https://reactrouter.com/en/main)，同时也兼容 React Router 5。
24
20
 
25
21
  Modern.js 支持约定式路由、自控式路由或其他路由方案，请参考[「路由方案」](/guides/basic-features/routes) 进行选择。
26
22
 
27
- ---
28
-
29
23
  ## 微前端
30
24
 
31
25
  Modern.js 提供对 [Garfish](https://www.garfishjs.org/) 微前端框架开箱即用的支持。
32
26
 
33
27
  同时，我们也正在与 [Module Federation](https://webpack.js.org/concepts/module-federation/) 的作者 Zack Jackson 合作，以提供更完整的解决方案。
34
28
 
35
- ---
36
-
37
29
  ## 状态管理
38
30
 
39
31
  Modern.js 可以与社区中任意的状态管理库搭配使用，比如 [Redux](https://redux.js.org/)、[Jotai](https://jotai.org/)、[Zustand](https://docs.pmnd.rs/zustand)、[Valtio](https://valtio.pmnd.rs/) 等。
40
32
 
41
33
  Modern.js 也基于 Redux 封装了 Reduck 状态管理库，你可以参考 [「Reduck 状态管理」](/guides/topic-detail/model/quick-start)来使用。
42
34
 
43
- ---
44
-
45
35
  ## 包管理器
46
36
 
47
37
  Modern.js 可以与社区中任意的包管理器搭配使用，比如 [npm](https://www.npmjs.com/package/npm)、[yarn](https://classic.yarnpkg.com/lang/en/)、[pnpm](https://pnpm.io/) 或 [Bun](https://bun.sh/)。
48
38
 
49
39
  我们推荐使用 pnpm 来获得更快的安装速度。
50
40
 
51
- ---
52
-
53
41
  ## 打包工具
54
42
 
55
43
  Modern.js 使用 [Webpack 5](https://webpack.js.org/) 或 [Rspack](https://www.rspack.dev/) 来打包你的 Web 应用。
56
44
 
57
45
  默认使用的打包工具为 Webpack 5，你可以参考[「使用 Rspack」](/guides/advanced-features/rspack-start) 来切换到更快的 Rspack。
58
46
 
59
- ---
60
-
61
47
  ## 转译工具
62
48
 
63
49
  Modern.js 使用 [Babel](https://babeljs.io/)、[SWC](https://swc.rs/) 或 [esbuild](https://esbuild.github.io/) 作为 JS 转译工具，将 TypeScript 或 JSX 转义为可以在浏览器上运行的 JavaScript 代码，并进行语法降级。
@@ -65,8 +51,6 @@ Modern.js 使用 [Babel](https://babeljs.io/)、[SWC](https://swc.rs/) 或 [esbu
65
51
  - 使用 Webpack 打包时，默认为 Babel，支持切换到 SWC 或 esbuild。
66
52
  - 使用 Rspack 打包时，默认为 SWC，支持切换到 Babel。
67
53
 
68
- ---
69
-
70
54
  ## 压缩工具
71
55
 
72
56
  在生产环境构建时，Modern.js 使用 [Terser](https://github.com/terser/terser)、[SWC](https://swc.rs/) 或 [esbuild](https://esbuild.github.io/) 来压缩 JavaScript 代码，使用 [cssnano](https://cssnano.co/) 来压缩 CSS 代码。
@@ -74,16 +58,12 @@ Modern.js 使用 [Babel](https://babeljs.io/)、[SWC](https://swc.rs/) 或 [esbu
74
58
  - 使用 Webpack 打包时，默认使用 Terser 压缩 JS 代码，支持切换到 SWC 或 esbuild。
75
59
  - 使用 Rspack 打包时，默认使用 SWC 压缩 JS 代码，暂不支持切换到其他工具。
76
60
 
77
- ---
78
-
79
61
  ## CSS 转换
80
62
 
81
63
  Modern.js 使用 [PostCSS](https://postcss.org/) 来转换 CSS 代码，并默认开启 [autoprefixer](https://github.com/postcss/autoprefixer) 来补全 CSS 前缀。
82
64
 
83
65
  Modern.js 支持[「启用 Tailwind CSS」](/guides/basic-features/css.html#使用-tailwind-css)，并同时兼容 Tailwind CSS v2 和 v3 版本。
84
66
 
85
- ---
86
-
87
67
  ## CSS 预处理器
88
68
 
89
69
  Modern.js 支持 [Sass](https://sass-lang.com/)、[Less](https://lesscss.org/) 和 [Stylus](https://stylus-lang.com/) 三种 CSS 预处理器：
@@ -91,46 +71,34 @@ Modern.js 支持 [Sass](https://sass-lang.com/)、[Less](https://lesscss.org/)
91
71
  - 默认支持 Sass 和 Less，开箱即用。
92
72
  - 可选支持 Stylus，请参考[「Stylus 插件」](https://rsbuild.dev/zh/plugins/list/plugin-stylus) 来使用。
93
73
 
94
- ---
95
-
96
74
  ## CSS Modules
97
75
 
98
76
  Modern.js 对 [CSS Modules](https://github.com/css-modules/css-modules) 提供了开箱即用的支持，内部基于 [css-loader](https://www.npmjs.com/package/css-loader) 实现。
99
77
 
100
78
  请参考[「使用 CSS Modules」](/guides/basic-features/css-modules) 来使用。
101
79
 
102
- ---
103
-
104
80
  ## CSS-in-JS
105
81
 
106
82
  Modern.js 支持使用 [styled-components](https://styled-components.com/)，请参考[「使用 CSS-in-JS」](/guides/basic-features/css.html#使用-css-in-js) 来使用。
107
83
 
108
84
  如果你需要使用其他 CSS-in-JS 方案，可以自行集成到你的项目中。
109
85
 
110
- ---
111
-
112
86
  ## 测试框架
113
87
 
114
88
  Modern.js 支持使用 [Jest](https://jestjs.io/) 进行单元测试或集成测试。该功能为可选功能，请参考[「使用 Jest 测试」](/guides/advanced-features/testing) 启用。
115
89
 
116
90
  如果你需要使用 [Vitest](https://vitest.dev/) 或其他测试框架，可以自行集成到你的项目中。
117
91
 
118
- ---
119
-
120
92
  ## 组件库
121
93
 
122
94
  Modern.js 可以与社区中任意的 React 组件库搭配使用，比如 [MUI](https://mui.com/)、[Ant Design](https://ant.design/)、[Arco Design](https://github.com/arco-design/arco-design)、[Semi Design](https://semi.design/)、[Radix UI](https://www.radix-ui.com/) 等。
123
95
 
124
96
  同时，Modern.js 内置了对 Ant Design 和 Arco Design 的 [按需引入](/configure/app/source/transform-import) 支持。
125
97
 
126
- ---
127
-
128
98
  ## 组件开发
129
99
 
130
100
  Modern.js 支持使用 [Storybook](https://storybook.js.org/) 来开发 UI 组件。该功能为可选功能，请参考[「使用 Storybook」](/guides/advanced-features/using-storybook) 启用。
131
101
 
132
- ---
133
-
134
102
  ## Node.js 框架
135
103
 
136
104
  import TechStackNodeFramework from '@site-docs/components/tech-stack-node-framework';
package/package.json CHANGED
@@ -15,17 +15,17 @@
15
15
  "modern",
16
16
  "modern.js"
17
17
  ],
18
- "version": "0.0.0-nightly-20240417170715",
18
+ "version": "0.0.0-nightly-20240419170703",
19
19
  "publishConfig": {
20
20
  "registry": "https://registry.npmjs.org/",
21
21
  "access": "public",
22
22
  "provenance": true
23
23
  },
24
24
  "dependencies": {
25
- "@modern-js/sandpack-react": "0.0.0-nightly-20240417170715"
25
+ "@modern-js/sandpack-react": "0.0.0-nightly-20240419170703"
26
26
  },
27
27
  "peerDependencies": {
28
- "@modern-js/builder-doc": "0.0.0-nightly-20240417170715"
28
+ "@modern-js/builder-doc": "0.0.0-nightly-20240419170703"
29
29
  },
30
30
  "devDependencies": {
31
31
  "classnames": "^2",
@@ -35,12 +35,12 @@
35
35
  "ts-node": "^10.9.1",
36
36
  "typescript": "^5",
37
37
  "fs-extra": "^10",
38
- "rspress": "1.16.0",
39
- "@rspress/shared": "1.16.0",
38
+ "rspress": "1.18.2",
39
+ "@rspress/shared": "1.18.2",
40
40
  "@types/node": "^16",
41
41
  "@types/fs-extra": "9.0.13",
42
- "@modern-js/builder-doc": "0.0.0-nightly-20240417170715",
43
- "@modern-js/doc-plugin-auto-sidebar": "0.0.0-nightly-20240417170715"
42
+ "@modern-js/builder-doc": "0.0.0-nightly-20240419170703",
43
+ "@modern-js/doc-plugin-auto-sidebar": "0.0.0-nightly-20240419170703"
44
44
  },
45
45
  "scripts": {
46
46
  "dev": "rspress dev",