{"compiled":"\"use strict\";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nfunction _createMdxContent(props) {\n  const _components = {\n    a: \"a\",\n    blockquote: \"blockquote\",\n    code: \"code\",\n    h2: \"h2\",\n    p: \"p\",\n    strong: \"strong\",\n    ...props.components\n  };\n  return _jsxs(_Fragment, {\n    children: [_jsx(_components.p, {\n      children: \"serpack is a compiler built specifically to enhance the developer experience of zelyjs.\"\n    }), \"\\n\", _jsx(_components.h2, {\n      children: \"What are serpack-only features?\"\n    }), \"\\n\", _jsxs(_components.p, {\n      children: [\"Serpack supports low-level AST (Abstract Syntax Tree) modifications, and zely actively utilizes this capability.\\nThis means that zely may not function correctly when using alternative loaders such as \", _jsx(_components.strong, {\n        children: \"esbuild\"\n      }), \" (which is the default loader provided by zely).\"]\n    }), \"\\n\", _jsxs(_components.p, {\n      children: [\"To enable serpack-only features, use the \", _jsx(_components.code, {\n        children: \"--serpack\"\n      }), \" flag or enable the serpack option in your configuration file. - \", _jsx(_components.a, {\n        href: \"/serpack/introduction#getting-started\",\n        children: \"How to enable serpack\"\n      })]\n    }), \"\\n\", _jsx(_components.h2, {\n      children: \"Do I need to enable serpack?\"\n    }), \"\\n\", _jsxs(_components.p, {\n      children: [\"Not necessarily. serpack is still under development and may contain unverified or unstable bugs.\\n\", _jsx(_components.strong, {\n        children: \"If you prioritize stability, you are not required to use serpack.\"\n      })]\n    }), \"\\n\", _jsx(_components.p, {\n      children: \"However, as mentioned earlier, zely is already leveraging low-level AST manipulation through serpack.\\nTherefore, some features in zely that rely on serpack will not be available unless serpack is enabled.\"\n    }), \"\\n\", _jsx(_components.h2, {\n      children: \"Conclusion\"\n    }), \"\\n\", _jsx(_components.p, {\n      children: \"All advanced and upcoming features of zely are built with serpack in mind.\\nWhile we don't recommend serpack for production use just yet, if you want to unlock the full potential of zely, we recommend enabling serpack.\"\n    }), \"\\n\", _jsxs(_components.blockquote, {\n      children: [\"\\n\", _jsxs(_components.p, {\n        children: [\"You may also find it helpful to read the \", _jsx(_components.a, {\n          href: \"/serpack\",\n          children: \"serpack documentation\"\n        }), \".\"]\n      }), \"\\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};\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":{"serpack-only":"serpack-only Feature"},"targetcategory":"Dev","directory":"serpack"}