@modern-js/main-doc 0.0.0-nightly-20240902170725 → 0.0.0-nightly-20240904170727

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 (69) hide show
  1. package/docs/en/components/init-app.mdx +0 -1
  2. package/docs/en/components/init-rspack-app.mdx +0 -1
  3. package/docs/en/configure/app/tools/tailwindcss.mdx +1 -1
  4. package/docs/en/guides/advanced-features/_meta.json +0 -1
  5. package/docs/en/guides/advanced-features/rsbuild-plugin.mdx +2 -2
  6. package/docs/en/guides/advanced-features/rspack-start.mdx +6 -14
  7. package/docs/en/guides/basic-features/_meta.json +25 -9
  8. package/docs/en/guides/basic-features/css/_meta.json +1 -0
  9. package/docs/en/guides/basic-features/css/css-in-js.mdx +34 -0
  10. package/docs/en/guides/basic-features/{css-modules.mdx → css/css-modules.mdx} +0 -4
  11. package/docs/en/guides/basic-features/css/css.mdx +25 -0
  12. package/docs/en/guides/basic-features/{css.mdx → css/tailwindcss.mdx} +5 -66
  13. package/docs/en/guides/basic-features/data/data-fetch.mdx +1 -1
  14. package/docs/en/guides/basic-features/data/data-write.mdx +1 -1
  15. package/docs/en/guides/basic-features/debug/_meta.json +1 -0
  16. package/docs/en/guides/basic-features/debug/rsdoctor.mdx +57 -0
  17. package/docs/en/guides/{advanced-features → basic-features/debug}/using-storybook.mdx +2 -0
  18. package/docs/en/guides/basic-features/static-assets/_meta.json +1 -0
  19. package/docs/en/guides/basic-features/static-assets.mdx +1 -1
  20. package/docs/en/guides/basic-features/testing/_meta.json +1 -0
  21. package/docs/en/guides/basic-features/testing/cypress.mdx +95 -0
  22. package/docs/en/guides/basic-features/testing/jest.mdx +148 -0
  23. package/docs/en/guides/basic-features/testing/playwright.mdx +111 -0
  24. package/docs/en/guides/basic-features/testing/vitest.mdx +100 -0
  25. package/docs/en/guides/get-started/quick-start.mdx +1 -1
  26. package/docs/en/guides/get-started/tech-stack.mdx +4 -4
  27. package/docs/en/guides/topic-detail/generator/create/config.mdx +0 -10
  28. package/docs/en/guides/topic-detail/generator/create/use.mdx +0 -1
  29. package/docs/en/tutorials/first-app/c03-css.mdx +1 -1
  30. package/docs/zh/components/init-app.mdx +0 -1
  31. package/docs/zh/components/init-rspack-app.mdx +0 -1
  32. package/docs/zh/configure/app/tools/tailwindcss.mdx +1 -1
  33. package/docs/zh/guides/advanced-features/_meta.json +0 -1
  34. package/docs/zh/guides/advanced-features/rsbuild-plugin.mdx +2 -2
  35. package/docs/zh/guides/advanced-features/rspack-start.mdx +7 -16
  36. package/docs/zh/guides/basic-features/_meta.json +25 -9
  37. package/docs/zh/guides/basic-features/css/_meta.json +1 -0
  38. package/docs/zh/guides/basic-features/css/css-in-js.mdx +34 -0
  39. package/docs/zh/guides/basic-features/css/css.mdx +25 -0
  40. package/docs/zh/guides/basic-features/{css.mdx → css/tailwindcss.mdx} +3 -64
  41. package/docs/zh/guides/basic-features/debug/_meta.json +1 -0
  42. package/docs/zh/guides/basic-features/debug/rsdoctor.mdx +57 -0
  43. package/docs/zh/guides/{advanced-features → basic-features/debug}/using-storybook.mdx +1 -1
  44. package/docs/zh/guides/basic-features/routes.mdx +1 -1
  45. package/docs/zh/guides/basic-features/static-assets/_meta.json +1 -0
  46. package/docs/zh/guides/basic-features/static-assets.mdx +2 -6
  47. package/docs/zh/guides/basic-features/testing/_meta.json +1 -0
  48. package/docs/zh/guides/basic-features/testing/cypress.mdx +95 -0
  49. package/docs/zh/guides/basic-features/testing/jest.mdx +148 -0
  50. package/docs/zh/guides/basic-features/testing/playwright.mdx +112 -0
  51. package/docs/zh/guides/basic-features/testing/vitest.mdx +100 -0
  52. package/docs/zh/guides/get-started/quick-start.mdx +1 -1
  53. package/docs/zh/guides/get-started/tech-stack.mdx +8 -8
  54. package/docs/zh/guides/topic-detail/generator/create/config.mdx +0 -10
  55. package/docs/zh/guides/topic-detail/generator/create/use.mdx +0 -1
  56. package/docs/zh/tutorials/first-app/c03-css.mdx +1 -1
  57. package/i18n.json +16 -4
  58. package/package.json +4 -4
  59. /package/docs/en/guides/basic-features/{mock.mdx → debug/mock.mdx} +0 -0
  60. /package/docs/en/guides/basic-features/{proxy.mdx → debug/proxy.mdx} +0 -0
  61. /package/docs/en/guides/basic-features/{json-files.mdx → static-assets/json-files.mdx} +0 -0
  62. /package/docs/en/guides/basic-features/{svg-assets.mdx → static-assets/svg-assets.mdx} +0 -0
  63. /package/docs/en/guides/basic-features/{wasm-assets.mdx → static-assets/wasm-assets.mdx} +0 -0
  64. /package/docs/zh/guides/basic-features/{css-modules.mdx → css/css-modules.mdx} +0 -0
  65. /package/docs/zh/guides/basic-features/{mock.mdx → debug/mock.mdx} +0 -0
  66. /package/docs/zh/guides/basic-features/{proxy.mdx → debug/proxy.mdx} +0 -0
  67. /package/docs/zh/guides/basic-features/{json-files.mdx → static-assets/json-files.mdx} +0 -0
  68. /package/docs/zh/guides/basic-features/{svg-assets.mdx → static-assets/svg-assets.mdx} +0 -0
  69. /package/docs/zh/guides/basic-features/{wasm-assets.mdx → static-assets/wasm-assets.mdx} +0 -0
@@ -12,13 +12,13 @@ Modern.js 框架默认集成了一些社区中流行的库和开发工具。
12
12
 
13
13
  Modern.js 使用 [React 18](https://react.dev/) 来构建用户界面,同时也兼容 React 17。
14
14
 
15
- Modern.js 底层的 Rsbuild 支持构建 Vue 应用,如果你需要使用 Vue,可以参考[Rsbuild - Vue](https://rsbuild.dev/zh/guide/framework/vue3)。
15
+ Modern.js 底层的 Rsbuild 支持构建 Vue 应用,如果你需要使用 Vue,可以参考 [Rsbuild - Vue](https://rsbuild.dev/zh/guide/framework/vue3)。
16
16
 
17
17
  ## 路由
18
18
 
19
19
  Modern.js 的路由基于 [React Router 6](https://reactrouter.com/en/main),同时也兼容 React Router 5。
20
20
 
21
- Modern.js 支持约定式路由、自控式路由或其他路由方案,请参考[「路由方案」](/guides/basic-features/routes) 进行选择。
21
+ Modern.js 支持约定式路由、自控式路由或其他路由方案,请参考 [路由方案](/guides/basic-features/routes) 进行选择。
22
22
 
23
23
  ## 微前端
24
24
 
@@ -40,7 +40,7 @@ Modern.js 可以与社区中任意的包管理器搭配使用,比如 [npm](htt
40
40
 
41
41
  Modern.js 使用 [Webpack 5](https://webpack.js.org/) 或 [Rspack](https://www.rspack.dev/) 来打包你的 Web 应用。
42
42
 
43
- 默认使用的打包工具为 Webpack 5,你可以参考[「使用 Rspack](/guides/advanced-features/rspack-start) 来切换到更快的 Rspack。
43
+ 默认使用的打包工具为 Webpack 5,你可以参考 [使用 Rspack](/guides/advanced-features/rspack-start) 来切换到更快的 Rspack。
44
44
 
45
45
  ## 转译工具
46
46
 
@@ -60,24 +60,24 @@ Modern.js 使用 [Babel](https://babeljs.io/)、[SWC](https://swc.rs/) 或 [esbu
60
60
 
61
61
  Modern.js 使用 [PostCSS](https://postcss.org/) 来转换 CSS 代码,并默认开启 [autoprefixer](https://github.com/postcss/autoprefixer) 来补全 CSS 前缀。
62
62
 
63
- Modern.js 支持[「启用 Tailwind CSS](/guides/basic-features/css.html#使用-tailwind-css),并同时兼容 Tailwind CSS v2 和 v3 版本。
63
+ Modern.js 支持 [启用 Tailwind CSS](/guides/basic-features/css/tailwindcss),并同时兼容 Tailwind CSS v2 和 v3 版本。
64
64
 
65
65
  ## CSS 预处理器
66
66
 
67
67
  Modern.js 支持 [Sass](https://sass-lang.com/)、[Less](https://lesscss.org/) 和 [Stylus](https://stylus-lang.com/) 三种 CSS 预处理器:
68
68
 
69
69
  - 默认支持 Sass 和 Less,开箱即用。
70
- - 可选支持 Stylus,请参考[Stylus 插件」](https://rsbuild.dev/zh/plugins/list/plugin-stylus) 来使用。
70
+ - 可选支持 Stylus,请参考 [Stylus 插件](https://rsbuild.dev/zh/plugins/list/plugin-stylus) 来使用。
71
71
 
72
72
  ## CSS Modules
73
73
 
74
74
  Modern.js 对 [CSS Modules](https://github.com/css-modules/css-modules) 提供了开箱即用的支持,内部基于 [css-loader](https://www.npmjs.com/package/css-loader) 实现。
75
75
 
76
- 请参考[「使用 CSS Modules](/guides/basic-features/css-modules) 来使用。
76
+ 请参考 [使用 CSS Modules](/guides/basic-features/css/css-modules) 来使用。
77
77
 
78
78
  ## CSS-in-JS
79
79
 
80
- Modern.js 支持使用 [styled-components](https://styled-components.com/),请参考[「使用 CSS-in-JS](/guides/basic-features/css.html#使用-css-in-js) 来使用。
80
+ Modern.js 支持使用 [styled-components](https://styled-components.com/),请参考 [使用 CSS-in-JS](/guides/basic-features/css/css-in-js) 来使用。
81
81
 
82
82
  如果你需要使用其他 CSS-in-JS 方案,可以自行集成到你的项目中。
83
83
 
@@ -89,7 +89,7 @@ Modern.js 可以与社区中任意的 React 组件库搭配使用,比如 [MUI]
89
89
 
90
90
  ## 组件开发
91
91
 
92
- Modern.js 支持使用 [Storybook](https://storybook.js.org/) 来开发 UI 组件。该功能为可选功能,请参考[「使用 Storybook](/guides/advanced-features/using-storybook) 启用。
92
+ Modern.js 支持使用 [Storybook](https://storybook.js.org/) 来开发 UI 组件。该功能为可选功能,请参考 [使用 Storybook](/guides/basic-features/debug/using-storybook) 启用。
93
93
 
94
94
  ## Node.js 框架
95
95
 
@@ -41,16 +41,6 @@ import PackageManager from '@site-docs/components/package-manager';
41
41
 
42
42
  <PackageManager />
43
43
 
44
- ### buildTools
45
-
46
- 问题:请选择构建工具
47
-
48
- 选项:
49
-
50
- - webpack -- webpack
51
-
52
- - Rspack -- rspack
53
-
54
44
  ## Npm 模块
55
45
 
56
46
  ### packageName
@@ -35,7 +35,6 @@ npx @modern-js/create@latest web-app
35
35
  ? 请选择你想创建的工程类型 Web 应用
36
36
  ? 请选择开发语言 TS
37
37
  ? 请选择包管理工具 pnpm
38
- ? 请选择构建工具 webpack
39
38
  ```
40
39
 
41
40
  ### 创建 Npm 模块项目
@@ -293,7 +293,7 @@ import '../styles/utils.css';
293
293
  ```
294
294
 
295
295
  :::info
296
- Modern.js 集成了 [PostCSS](/guides/basic-features/css),支持现代 CSS 语法特性,比如 [custom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)。
296
+ Modern.js 集成了 [PostCSS](/guides/basic-features/css/css),支持现代 CSS 语法特性,比如 [custom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)。
297
297
 
298
298
  :::
299
299
 
package/i18n.json CHANGED
@@ -51,14 +51,26 @@
51
51
  "zh": "渲染",
52
52
  "en": "Rendering"
53
53
  },
54
+ "css-solution": {
55
+ "zh": "样式开发",
56
+ "en": "Styling"
57
+ },
58
+ "debug": {
59
+ "zh": "调试",
60
+ "en": "Debug"
61
+ },
62
+ "static-assets": {
63
+ "zh": "引用静态资源",
64
+ "en": "Import Static Assets"
65
+ },
66
+ "testing": {
67
+ "zh": "测试",
68
+ "en": "Testing"
69
+ },
54
70
  "use-bff": {
55
71
  "zh": "使用 BFF",
56
72
  "en": "Using BFF"
57
73
  },
58
- "use-ssr": {
59
- "zh": "服务端渲染",
60
- "en": "SSR"
61
- },
62
74
  "micro-frontend": {
63
75
  "zh": "微前端",
64
76
  "en": "Micro Frontend"
package/package.json CHANGED
@@ -15,17 +15,17 @@
15
15
  "modern",
16
16
  "modern.js"
17
17
  ],
18
- "version": "0.0.0-nightly-20240902170725",
18
+ "version": "0.0.0-nightly-20240904170727",
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-20240902170725"
25
+ "@modern-js/sandpack-react": "0.0.0-nightly-20240904170727"
26
26
  },
27
27
  "peerDependencies": {
28
- "@modern-js/builder-doc": "0.0.0-nightly-20240902170725"
28
+ "@modern-js/builder-doc": "0.0.0-nightly-20240904170727"
29
29
  },
30
30
  "devDependencies": {
31
31
  "@rspress/shared": "1.28.2",
@@ -39,7 +39,7 @@
39
39
  "rspress": "1.28.2",
40
40
  "ts-node": "^10.9.1",
41
41
  "typescript": "^5",
42
- "@modern-js/builder-doc": "0.0.0-nightly-20240902170725"
42
+ "@modern-js/builder-doc": "0.0.0-nightly-20240904170727"
43
43
  },
44
44
  "scripts": {
45
45
  "dev": "rspress dev",