{"compiled":"\"use strict\";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nfunction _createMdxContent(props) {\n  const _components = {\n    code: \"code\",\n    figure: \"figure\",\n    h2: \"h2\",\n    li: \"li\",\n    p: \"p\",\n    pre: \"pre\",\n    span: \"span\",\n    strong: \"strong\",\n    table: \"table\",\n    tbody: \"tbody\",\n    td: \"td\",\n    th: \"th\",\n    thead: \"thead\",\n    tr: \"tr\",\n    ul: \"ul\",\n    ...props.components\n  }, {TabItem, Tabs} = _components;\n  if (!TabItem) _missingMdxReference(\"TabItem\", true);\n  if (!Tabs) _missingMdxReference(\"Tabs\", true);\n  return _jsxs(_Fragment, {\n    children: [_jsx(_components.h2, {\n      children: \"Compare with esbuild\"\n    }), \"\\n\", _jsxs(_components.table, {\n      children: [_jsx(_components.thead, {\n        children: _jsxs(_components.tr, {\n          children: [_jsx(_components.th, {}), _jsx(_components.th, {\n            children: \"Serpack\"\n          }), _jsx(_components.th, {\n            children: \"Esbuild\"\n          }), _jsx(_components.th, {\n            children: \"note\"\n          })]\n        })\n      }), _jsxs(_components.tbody, {\n        children: [_jsxs(_components.tr, {\n          children: [_jsx(_components.td, {\n            children: _jsx(_components.strong, {\n              children: \"Performance\"\n            })\n          }), _jsx(_components.td, {\n            children: \"-\"\n          }), _jsx(_components.td, {\n            children: \"-\"\n          }), _jsx(_components.td, {\n            children: \"Not measured - typically esbuild's compilation time is 50% to 130% of serpack's\"\n          })]\n        }), _jsxs(_components.tr, {\n          children: [_jsx(_components.td, {\n            children: _jsx(_components.strong, {\n              children: \"Sourcemap\"\n            })\n          }), _jsx(_components.td, {\n            children: \"x\"\n          }), _jsx(_components.td, {\n            children: \"o\"\n          }), _jsx(_components.td, {\n            children: \"Sourcemap generation is under development.\"\n          })]\n        }), _jsxs(_components.tr, {\n          children: [_jsx(_components.td, {\n            children: _jsx(_components.strong, {\n              children: \"TypeScript\"\n            })\n          }), _jsx(_components.td, {\n            children: \"o\"\n          }), _jsx(_components.td, {\n            children: \"o\"\n          }), _jsxs(_components.td, {\n            children: [_jsx(_components.code, {\n              children: \"(.ts, .tsx)\"\n            }), \", serpack uses swc as transformer\"]\n          })]\n        }), _jsxs(_components.tr, {\n          children: [_jsx(_components.td, {\n            children: _jsx(_components.strong, {\n              children: \"Stable\"\n            })\n          }), _jsx(_components.td, {\n            children: \"x\"\n          }), _jsx(_components.td, {\n            children: \"o\"\n          }), _jsx(_components.td, {\n            children: \"serpack is still under active development\"\n          })]\n        })]\n      })]\n    }), \"\\n\", _jsx(_components.h2, {\n      children: \"Performance\"\n    }), \"\\n\", _jsxs(_components.ul, {\n      children: [\"\\n\", _jsxs(_components.li, {\n        children: [_jsx(_components.code, {\n          children: \"command\"\n        }), \": \", _jsx(_components.code, {\n          children: \"yarn workspace @playground/typescript dev\"\n        })]\n      }), \"\\n\", _jsxs(_components.li, {\n        children: [_jsx(_components.code, {\n          children: \"workspace\"\n        }), \": \", _jsx(_components.code, {\n          children: \"@playground/typescript\"\n        })]\n      }), \"\\n\"]\n    }), \"\\n\", _jsxs(Tabs, {\n      children: [_jsx(TabItem, {\n        id: \"Serpack\",\n        children: _jsx(_components.figure, {\n          \"data-rehype-pretty-code-figure\": \"\",\n          children: _jsx(_components.pre, {\n            tabIndex: \"0\",\n            \"data-language\": \"txt\",\n            \"data-theme\": \"material-theme-palenight github-light\",\n            children: _jsxs(_components.code, {\n              \"data-language\": \"txt\",\n              \"data-theme\": \"material-theme-palenight github-light\",\n              style: {\n                display: \"grid\"\n              },\n              children: [_jsx(_components.span, {\n                \"data-line\": \"\",\n                children: _jsx(_components.span, {\n                  children: \"$ --loader-performance --serpack\"\n                })\n              }), \"\\n\", _jsx(_components.span, {\n                \"data-line\": \"\",\n                children: \" \"\n              }), \"\\n\", _jsx(_components.span, {\n                \"data-line\": \"\",\n                children: _jsx(_components.span, {\n                  children: \"[@zely-js/core:serpack-loader] compiled zely.config.ts in 19.46ms\"\n                })\n              }), \"\\n\", _jsx(_components.span, {\n                \"data-line\": \"\",\n                children: _jsx(_components.span, {\n                  children: \"[12:50:58 AM] info use serpack (experimental-0.1.4)\"\n                })\n              }), \"\\n\", _jsx(_components.span, {\n                \"data-line\": \"\",\n                children: _jsx(_components.span, {\n                  children: \"[@zely-js/core:serpack-loader] compiled middlewares\\\\index.ts in 4.55ms\"\n                })\n              }), \"\\n\", _jsx(_components.span, {\n                \"data-line\": \"\",\n                children: _jsx(_components.span, {\n                  children: \"[@zely-js/core:serpack-loader] compiled pages\\\\index.ts in 6.35ms\"\n                })\n              })]\n            })\n          })\n        })\n      }), _jsx(TabItem, {\n        id: \"Esbuild\",\n        children: _jsx(_components.figure, {\n          \"data-rehype-pretty-code-figure\": \"\",\n          children: _jsx(_components.pre, {\n            tabIndex: \"0\",\n            \"data-language\": \"txt\",\n            \"data-theme\": \"material-theme-palenight github-light\",\n            children: _jsxs(_components.code, {\n              \"data-language\": \"txt\",\n              \"data-theme\": \"material-theme-palenight github-light\",\n              style: {\n                display: \"grid\"\n              },\n              children: [_jsx(_components.span, {\n                \"data-line\": \"\",\n                children: _jsx(_components.span, {\n                  children: \"$ --loader-performance\"\n                })\n              }), \"\\n\", _jsx(_components.span, {\n                \"data-line\": \"\",\n                children: \" \"\n              }), \"\\n\", _jsx(_components.span, {\n                \"data-line\": \"\",\n                children: _jsx(_components.span, {\n                  children: \"[@zely-js/loader-esbuild] compiled zely.config.ts in 29.23ms\"\n                })\n              }), \"\\n\", _jsx(_components.span, {\n                \"data-line\": \"\",\n                children: _jsx(_components.span, {\n                  children: \"[@zely-js/loader-esbuild] compiled middlewares\\\\index.ts in 6.66ms\"\n                })\n              }), \"\\n\", _jsx(_components.span, {\n                \"data-line\": \"\",\n                children: _jsx(_components.span, {\n                  children: \"[@zely-js/loader-esbuild] compiled pages\\\\index.ts in 6.78ms\"\n                })\n              })]\n            })\n          })\n        })\n      })]\n    }), \"\\n\", _jsxs(_components.p, {\n      children: [\"For simple files, serpack is faster, but as files get larger, esbuild is up to \", _jsx(_components.strong, {\n        children: \"2x faster\"\n      }), \".\"]\n    })]\n  });\n}\nfunction MDXContent(props = {}) {\n  const {wrapper: MDXLayout} = props.components || ({});\n  return MDXLayout ? _jsx(MDXLayout, {\n    ...props,\n    children: _jsx(_createMdxContent, {\n      ...props\n    })\n  }) : _createMdxContent(props);\n}\nreturn {\n  default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n  throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","posts":[{"introduction":"Introduction"},{"comparison":"Comparison"},{"serpackrc":".serpackrc.js"},{"compile":"Compile"},{"options":"Compiler Options"},{"runtime":"serpack/runtime"},{"sourcemap":"Sourcemap"},{"externals":"Exclude node_modules"},{"extension":"Supported Extensions"},{"modifier":"Modifier"},{"plugin-guide":"Plugin Guide"},{"generate-d-ts":"Generate .d.ts"},{"serpack-only":"serpack-only Feature"},{"debug":"Debugging Mode"},{"roadmap":"Roadmap"}],"target":{"comparison":"Comparison"},"targetcategory":"Overview","directory":"serpack"}