@modern-js/module-tools-docs 2.0.1 → 2.0.2

package/doc_build/static/js/async/guide_intro_getting-started.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/async/guide_intro_getting-started.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA;;;;;;;;AAEA;;AAEA;;AAAA;AAAA;AAAA;AAAA;;AAEA;;;;;;;;;;;;;AAKA;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;AAAA;AAAA;;;AAEA;;AAAA;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA;;AAAA;;AAAA;;AAAA;;AAAA;;;AAEA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA;;AAAA;;AAAA;;;AAEA;;AAEA;;AAAA;;AAAA;;;;;;;;AAEA;;AAEA;;;AAEA;;AAAA;AAAA;;AACA;;AAAA;AAAA;;AACA","sources":["webpack://@modern-js/module-tools-docs/./docs/zh/guide/intro/getting-started.md"],"names":[],"sourceRoot":""}

package/doc_build/static/js/async/guide_intro_welcome.js

@@ -0,0 +1,148 @@
+"use strict";
+(self["webpackChunk_modern_js_module_tools_docs"] = self["webpackChunk_modern_js_module_tools_docs"] || []).push([["guide_intro_welcome"],{
+
+/***/ "./docs/zh/guide/intro/welcome.md":
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "content": function() { return /* binding */ content; },
+/* harmony export */   "frontmatter": function() { return /* binding */ frontmatter; },
+/* harmony export */   "title": function() { return /* binding */ title; },
+/* harmony export */   "toc": function() { return /* binding */ toc; }
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js");
+/*@jsxRuntime automatic @jsxImportSource react*/
+
+var frontmatter = {
+  "sidebar_position": 1
+};
+var toc = [];
+var title = "\u6B22\u8FCE\u4F7F\u7528";
+var content = "\"---\\nsidebar_position: 1\\n---\\n\\n# 欢迎使用\\n\\nModule Tools 是 Modern.js 的模块工程解决方案，同时也是核心依赖。它可以让开发者更轻松地构建、调试、发布模块类型的项目。模块类型的项目大多数情况可以认为是 npm 包类型的项目，它可能是一个组件、组件库或者工具库项目。\\n\\n如果你正打算开发一个 npm 包类型的项目，那么你就来对地方了！Modern.js 提供了专业的模块工程解决方案。它带来了：\\n\\n- **简单的项目初始化**：仅需执行 `npx @modern-js/create project-dir` 命令，然后进行几个交互问题，就可以创建一个完整的模块类型项目。创建的项目还支持选择 [**pnpm**](https://pnpm.io/)、[**Yarn**](https://classic.yarnpkg.com/) 两种包管理器。\\n- **代码格式化**：在模块工程项目中，你可以执行 `modern lint` 来对代码进行格式化。同时初始化的模块工程项目里包含了 Modern.js 的 [ESLint](https://eslint.org/docs/latest/user-guide/core-concepts#what-is-eslint) 规则集，可以满足大部分场景下的需求。\\n- **全面的构建能力和更快的构建速度**：Module Tools 基于 [esbuild](https://esbuild.github.io/getting-started/) 和 [SWC](https://swc.rs/) 提供了高性能的构建能力，并且为不同构建模块的场景提供了丰富的配置。\\n- **Storybook 调试工具**：Module Tools 为调试模块项目提供了 [Storybook](https://storybook.js.org/) 调试工具。在安装了 Module Tools 的 Storybook 插件后，你可以使用 `modern dev storybook` 命令来启动它。你不仅可以使用 Storybook 对组件进行调试，也可以使用在其他类型的模块上。\\n- **集成 Jest 的测试能力**：在需要对模块测试的时候，可以使用 Module Tools 的 `modern test` 命令。Module Tools 不仅集成了 [Jest](https://jestjs.io/)，同时也提供了配置 [Jest](https://jestjs.io/docs/configuration) 的 API。\\n- **基于 Changesets 实现的版本管理**：当需要对项目记录变更内容的时候，可以使用 `modern change` 命令生成包含变更内容的 Markdown 文件；当需要对项目进行版本升级的时候，可以使用 `modern bump` 命令通过 Markdown 文件分析并升级版本；当需要发布项目的时候，可以使用 `modern release` 命令对项目进行发布。Module Tools 基于 [Changesets](https://github.com/changesets/changesets) 实现了这些命令。\\n- **可扩展性的插件机制**：想要为项目集成其他的调试工具？又或者是想要在构建过程中做一些额外处理？Module Tools 提供了插件机制和插件钩子，插件钩子覆盖了 `dev` 命令和 `build` 命令两个流程。你可以通过它们为项目进行能力的扩展。\\n- **还有更多**：Module Tools 在未来还会不断的在构建、调试功能上进行优化。如果在模块项目构建上存在需要解决的重要问题，又或者是某个主流的模块项目调试工具、模式出现的时候，那么它们很可能成为 Module Tools 将要支持功能。\\n\"";
+function _createMdxContent(props) {
+  var _components = Object.assign({
+    h1: "h1",
+    a: "a",
+    p: "p",
+    ul: "ul",
+    li: "li",
+    strong: "strong",
+    code: "code"
+  }, props.components);
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+    children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h1, {
+      id: "欢迎使用",
+      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+        className: "header-anchor",
+        "aria-hidden": "true",
+        href: "#欢迎使用",
+        children: "#"
+      }), "欢迎使用"]
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
+      children: "Module Tools 是 Modern.js 的模块工程解决方案，同时也是核心依赖。它可以让开发者更轻松地构建、调试、发布模块类型的项目。模块类型的项目大多数情况可以认为是 npm 包类型的项目，它可能是一个组件、组件库或者工具库项目。"
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
+      children: "如果你正打算开发一个 npm 包类型的项目，那么你就来对地方了！Modern.js 提供了专业的模块工程解决方案。它带来了："
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
+      children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
+        children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
+          children: "简单的项目初始化"
+        }), "：仅需执行 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+          children: "npx @modern-js/create project-dir"
+        }), " 命令，然后进行几个交互问题，就可以创建一个完整的模块类型项目。创建的项目还支持选择 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+          href: "https://pnpm.io/",
+          children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
+            children: "pnpm"
+          })
+        }), "、", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+          href: "https://classic.yarnpkg.com/",
+          children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
+            children: "Yarn"
+          })
+        }), " 两种包管理器。"]
+      }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
+        children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
+          children: "代码格式化"
+        }), "：在模块工程项目中，你可以执行 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+          children: "modern lint"
+        }), " 来对代码进行格式化。同时初始化的模块工程项目里包含了 Modern.js 的 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+          href: "https://eslint.org/docs/latest/user-guide/core-concepts#what-is-eslint",
+          children: "ESLint"
+        }), " 规则集，可以满足大部分场景下的需求。"]
+      }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
+        children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
+          children: "全面的构建能力和更快的构建速度"
+        }), "：Module Tools 基于 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+          href: "https://esbuild.github.io/getting-started/",
+          children: "esbuild"
+        }), " 和 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+          href: "https://swc.rs/",
+          children: "SWC"
+        }), " 提供了高性能的构建能力，并且为不同构建模块的场景提供了丰富的配置。"]
+      }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
+        children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
+          children: "Storybook 调试工具"
+        }), "：Module Tools 为调试模块项目提供了 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+          href: "https://storybook.js.org/",
+          children: "Storybook"
+        }), " 调试工具。在安装了 Module Tools 的 Storybook 插件后，你可以使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+          children: "modern dev storybook"
+        }), " 命令来启动它。你不仅可以使用 Storybook 对组件进行调试，也可以使用在其他类型的模块上。"]
+      }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
+        children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
+          children: "集成 Jest 的测试能力"
+        }), "：在需要对模块测试的时候，可以使用 Module Tools 的 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+          children: "modern test"
+        }), " 命令。Module Tools 不仅集成了 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+          href: "https://jestjs.io/",
+          children: "Jest"
+        }), "，同时也提供了配置 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+          href: "https://jestjs.io/docs/configuration",
+          children: "Jest"
+        }), " 的 API。"]
+      }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
+        children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
+          children: "基于 Changesets 实现的版本管理"
+        }), "：当需要对项目记录变更内容的时候，可以使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+          children: "modern change"
+        }), " 命令生成包含变更内容的 Markdown 文件；当需要对项目进行版本升级的时候，可以使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+          children: "modern bump"
+        }), " 命令通过 Markdown 文件分析并升级版本；当需要发布项目的时候，可以使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+          children: "modern release"
+        }), " 命令对项目进行发布。Module Tools 基于 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+          href: "https://github.com/changesets/changesets",
+          children: "Changesets"
+        }), " 实现了这些命令。"]
+      }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
+        children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
+          children: "可扩展性的插件机制"
+        }), "：想要为项目集成其他的调试工具？又或者是想要在构建过程中做一些额外处理？Module Tools 提供了插件机制和插件钩子，插件钩子覆盖了 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+          children: "dev"
+        }), " 命令和 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+          children: "build"
+        }), " 命令两个流程。你可以通过它们为项目进行能力的扩展。"]
+      }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
+        children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
+          children: "还有更多"
+        }), "：Module Tools 在未来还会不断的在构建、调试功能上进行优化。如果在模块项目构建上存在需要解决的重要问题，又或者是某个主流的模块项目调试工具、模式出现的时候，那么它们很可能成为 Module Tools 将要支持功能。"]
+      }), "\n"]
+    })]
+  });
+}
+function MDXContent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _ref = props.components || {},
+    MDXLayout = _ref.wrapper;
+  return MDXLayout ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(MDXLayout, Object.assign({}, props, {
+    children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_createMdxContent, props)
+  })) : _createMdxContent(props);
+}
+_c = MDXContent;
+/* harmony default export */ __webpack_exports__["default"] = (MDXContent);
+var _c;
+__webpack_require__.$Refresh$.register(_c, "MDXContent");
+
+/***/ })
+
+}]);
+//# sourceMappingURL=guide_intro_welcome.js.map

package/doc_build/static/js/async/guide_intro_welcome.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/async/guide_intro_welcome.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA;;AAEA;;AAEA;;;;AAEA;AAAA;;AAAA;;;AAAA;;AAAA;;;AAAA;;AAAA;;;AACA;AAAA;;AAAA;;AAAA;AAAA;;;AACA;AAAA;;AAAA;AAAA;;AAAA;AAAA;;;AACA;AAAA;;AAAA;AAAA;;AAAA;;;AACA;AAAA;;AAAA;;AAAA;AAAA;;AAAA;AAAA;;;AACA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;;;AACA;AAAA;;AAAA;;AAAA;;;AACA;AAAA","sources":["webpack://@modern-js/module-tools-docs/./docs/zh/guide/intro/welcome.md"],"names":[],"sourceRoot":""}

package/doc_build/static/js/async/guide_intro_why-module-engineering-solution.js

@@ -0,0 +1,92 @@
+"use strict";
+(self["webpackChunk_modern_js_module_tools_docs"] = self["webpackChunk_modern_js_module_tools_docs"] || []).push([["guide_intro_why-module-engineering-solution"],{
+
+/***/ "./docs/zh/guide/intro/why-module-engineering-solution.md":
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "content": function() { return /* binding */ content; },
+/* harmony export */   "frontmatter": function() { return /* binding */ frontmatter; },
+/* harmony export */   "title": function() { return /* binding */ title; },
+/* harmony export */   "toc": function() { return /* binding */ toc; }
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js");
+/*@jsxRuntime automatic @jsxImportSource react*/
+
+var frontmatter = {
+  "sidebar_position": 2
+};
+var toc = [];
+var title = "\u4E3A\u4EC0\u4E48\u9700\u8981\u6A21\u5757\u5DE5\u7A0B\u89E3\u51B3\u65B9\u6848";
+var content = "\"---\\nsidebar_position: 2\\n---\\n\\n# 为什么需要模块工程解决方案\\n\\n大家可能都经历过：从零开始开发一个组件库或者工具库的过程中，我们不仅要考虑项目本身的代码逻辑如何编写，还要考虑项目的构建、调试、测试、代码格式化等等和代码逻辑无关的事情。\\n\\n比如说，当我们考虑构建模块项目的代码是使用什么构建工具的时候，在之前我们可能会考虑使用 [webpack](https://webpack.js.org/) 还是 [Rollup](https://rollupjs.org/guide/en/)，然而现在的话，也许还会考虑是使用 [esbuild](https://esbuild.github.io/) 还是 [SWC](https://swc.rs/)。\\n\\n无论选择哪个构建工具，这对于没有熟练掌握这些构建工具使用方式的开发者来说，是需要一定的成本去学习的。即使想要快速使用，也会需要花费大量的时间和精力。\\n\\n而除了构建这件事情以外，像为项目提供调试工具、支持测试能力、增加代码格式校验等等，对于一个新手来说都有可能需要花费很长的时间和精力了解或者掌握它们，并且真正的服务于当前的项目中。\\n\\n而为了保证代码质量以及项目的完整性，我们往往是需要做这些与代码逻辑实现无关的事情。然而这些事情很有可能会影响整体的项目开发进度，降低开发者的开发体验，会让开发者感觉模块项目的开发门槛很高。\\n\\n如果说每次开发一个模块类型的项目都需要经历一遍这些工作准备的话，那么基本上刚开始开发的时间会大部分花费在这些与代码实现无关的事情上。如果能够提供一个模块工程解决方案，它能够帮助开发者解决项目工程上的事情，让开发者可以更专注于代码的实现上，那么这将会大大提升模块类型项目的开发体验。\\n\\n![没有使用工程方案对比使用工程方案](https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/module-tools/why-module-solution.png)\\n\\nModern.js 为了让开发模块类型的项目更简单，为了解决上述提到的问题提供了模块工程解决方案，并且使用 Module Tools 提供了主要的功能。**Module-tools 可以理解为是一个专门用于模块类型项目开发的工具**。\\n\"";
+function _createMdxContent(props) {
+  var _components = Object.assign({
+    h1: "h1",
+    a: "a",
+    p: "p",
+    img: "img",
+    strong: "strong"
+  }, props.components);
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+    children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h1, {
+      id: "为什么需要模块工程解决方案",
+      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+        className: "header-anchor",
+        "aria-hidden": "true",
+        href: "#为什么需要模块工程解决方案",
+        children: "#"
+      }), "为什么需要模块工程解决方案"]
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
+      children: "大家可能都经历过：从零开始开发一个组件库或者工具库的过程中，我们不仅要考虑项目本身的代码逻辑如何编写，还要考虑项目的构建、调试、测试、代码格式化等等和代码逻辑无关的事情。"
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
+      children: ["比如说，当我们考虑构建模块项目的代码是使用什么构建工具的时候，在之前我们可能会考虑使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+        href: "https://webpack.js.org/",
+        children: "webpack"
+      }), " 还是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+        href: "https://rollupjs.org/guide/en/",
+        children: "Rollup"
+      }), "，然而现在的话，也许还会考虑是使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+        href: "https://esbuild.github.io/",
+        children: "esbuild"
+      }), " 还是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+        href: "https://swc.rs/",
+        children: "SWC"
+      }), "。"]
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
+      children: "无论选择哪个构建工具，这对于没有熟练掌握这些构建工具使用方式的开发者来说，是需要一定的成本去学习的。即使想要快速使用，也会需要花费大量的时间和精力。"
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
+      children: "而除了构建这件事情以外，像为项目提供调试工具、支持测试能力、增加代码格式校验等等，对于一个新手来说都有可能需要花费很长的时间和精力了解或者掌握它们，并且真正的服务于当前的项目中。"
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
+      children: "而为了保证代码质量以及项目的完整性，我们往往是需要做这些与代码逻辑实现无关的事情。然而这些事情很有可能会影响整体的项目开发进度，降低开发者的开发体验，会让开发者感觉模块项目的开发门槛很高。"
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
+      children: "如果说每次开发一个模块类型的项目都需要经历一遍这些工作准备的话，那么基本上刚开始开发的时间会大部分花费在这些与代码实现无关的事情上。如果能够提供一个模块工程解决方案，它能够帮助开发者解决项目工程上的事情，让开发者可以更专注于代码的实现上，那么这将会大大提升模块类型项目的开发体验。"
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
+      children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.img, {
+        src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/module-tools/why-module-solution.png",
+        alt: "没有使用工程方案对比使用工程方案"
+      })
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
+      children: ["Modern.js 为了让开发模块类型的项目更简单，为了解决上述提到的问题提供了模块工程解决方案，并且使用 Module Tools 提供了主要的功能。", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
+        children: "Module-tools 可以理解为是一个专门用于模块类型项目开发的工具"
+      }), "。"]
+    })]
+  });
+}
+function MDXContent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _ref = props.components || {},
+    MDXLayout = _ref.wrapper;
+  return MDXLayout ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(MDXLayout, Object.assign({}, props, {
+    children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_createMdxContent, props)
+  })) : _createMdxContent(props);
+}
+_c = MDXContent;
+/* harmony default export */ __webpack_exports__["default"] = (MDXContent);
+var _c;
+__webpack_require__.$Refresh$.register(_c, "MDXContent");
+
+/***/ })
+
+}]);
+//# sourceMappingURL=guide_intro_why-module-engineering-solution.js.map

package/doc_build/static/js/async/guide_intro_why-module-engineering-solution.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/async/guide_intro_why-module-engineering-solution.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA;;AAEA;;AAEA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAEA;;AAEA;;AAEA;;AAEA;;;;;;;AAIA;AAAA;AAAA","sources":["webpack://@modern-js/module-tools-docs/./docs/zh/guide/intro/why-module-engineering-solution.md"],"names":[],"sourceRoot":""}

package/doc_build/static/js/async/index.js

@@ -0,0 +1,85 @@
+"use strict";
+(self["webpackChunk_modern_js_module_tools_docs"] = self["webpackChunk_modern_js_module_tools_docs"] || []).push([["index"],{
+
+/***/ "./docs/zh/index.md":
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "content": function() { return /* binding */ content; },
+/* harmony export */   "frontmatter": function() { return /* binding */ frontmatter; },
+/* harmony export */   "title": function() { return /* binding */ title; },
+/* harmony export */   "toc": function() { return /* binding */ toc; }
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js");
+/*@jsxRuntime automatic @jsxImportSource react*/
+
+var frontmatter = {
+  "pageType": "home",
+  "hero": {
+    "name": "Module tools",
+    "text": "模块工程解决方案",
+    "tagline": "简单、强大、高性能的现代化npm包开发方案",
+    "actions": [{
+      "theme": "brand",
+      "text": "欢迎使用",
+      "link": "/guide/intro/welcome"
+    }]
+  },
+  "features": [{
+    "title": "Esbuild: 高性能的JS Bundler",
+    "details": "基于 Esbuild 构建，构建速度极快，带给你极致的开发体验。",
+    "icon": "🚀"
+  }, {
+    "title": "Storybook: 社区流行的UI开发工具",
+    "details": "集成了Storybook，你可以使用它调试UI。",
+    "icon": "📦"
+  }, {
+    "title": "transform + bundle",
+    "details": "支持bundle和bundleless两种构建模式。",
+    "icon": "✨"
+  }, {
+    "title": "零配置",
+    "details": "无需任何配置即可开发你的npm包，内置预设覆盖多种场景。",
+    "icon": "🛠️"
+  }, {
+    "title": "扩展性强: 提供强大的插件机制",
+    "details": "通过其插件扩展机制，你可以轻松的扩展Module tools的各项能力。",
+    "icon": "🎨"
+  }]
+};
+var toc = [];
+var title = "index";
+var content = "\"---\\npageType: home\\n\\nhero:\\n  name: Module tools\\n  text: 模块工程解决方案\\n  tagline: 简单、强大、高性能的现代化npm包开发方案\\n  actions:\\n    - theme: brand\\n      text: 欢迎使用\\n      link: /guide/intro/welcome\\n\\nfeatures:\\n  - title: 'Esbuild: 高性能的JS Bundler'\\n    details: 基于 Esbuild 构建，构建速度极快，带给你极致的开发体验。\\n    icon: 🚀\\n  - title: 'Storybook: 社区流行的UI开发工具'\\n    details: 集成了Storybook，你可以使用它调试UI。\\n    icon: 📦\\n  - title: 'transform + bundle'\\n    details: 支持bundle和bundleless两种构建模式。\\n    icon: ✨\\n  - title: '零配置'\\n    details: 无需任何配置即可开发你的npm包，内置预设覆盖多种场景。\\n    icon: 🛠️\\n  - title: '扩展性强: 提供强大的插件机制'\\n    details: 通过其插件扩展机制，你可以轻松的扩展Module tools的各项能力。\\n    icon: 🎨\\n---\\n# index\\n\"";
+function _createMdxContent(props) {
+  var _components = Object.assign({
+    h1: "h1",
+    a: "a"
+  }, props.components);
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h1, {
+    id: "index",
+    children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+      className: "header-anchor",
+      "aria-hidden": "true",
+      href: "#index",
+      children: "#"
+    }), "index"]
+  });
+}
+function MDXContent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _ref = props.components || {},
+    MDXLayout = _ref.wrapper;
+  return MDXLayout ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(MDXLayout, Object.assign({}, props, {
+    children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_createMdxContent, props)
+  })) : _createMdxContent(props);
+}
+_c = MDXContent;
+/* harmony default export */ __webpack_exports__["default"] = (MDXContent);
+var _c;
+__webpack_require__.$Refresh$.register(_c, "MDXContent");
+
+/***/ })
+
+}]);
+//# sourceMappingURL=index.js.map

package/doc_build/static/js/async/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/async/index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA","sources":["webpack://@modern-js/module-tools-docs/./docs/zh/index.md"],"names":[],"sourceRoot":""}