Bunchee is a zero-config bundler for npm packages that simplifies the bundling process for JavaScript and TypeScript projects. It benefits developers by automating the bundling of CommonJS and ES modules, including JSX and React Server Components. Bunchee integrates into existing workflows and connects to npm packages, reducing setup time and complexity.
git clone https://github.com/huozhi/bunchee.gitBunchee is a zero-config bundler designed to simplify the npm package bundling process for JavaScript and TypeScript developers. It automatically handles multiple output formats including CommonJS and ES modules, with native support for JSX and React Server Components. By eliminating complex configuration requirements, Bunchee reduces setup time and integrates seamlessly into existing development workflows. The tool is particularly beneficial for library authors and maintainers who need to publish packages with multiple module formats without extensive tooling overhead. Bunchee connects directly to npm, streamlining the entire build-to-publish pipeline.
["Install Bunchee globally or as a dev dependency: `npm install -D bunchee` or `pnpm add -D bunchee`.","Run the bundler in your project root: `bunchee` for default settings or `bunchee --out-dir ./dist --format cjs,esm` to customize output.","For TypeScript/JSX projects, ensure your `tsconfig.json` or `jsconfig.json` is properly configured (e.g., `\"jsx\": \"react-jsx\"`).","Verify the output in the specified directory and check the bundle size using tools like `bundlephobia` or `webpack-bundle-analyzer`.","Integrate into CI/CD by adding a build step (e.g., `bunchee && npm publish`) to automate package publishing."]
Easily bundle a TypeScript library with minimal configuration.
Automatically generate exports for multiple files using wildcard patterns.
Build React Server Components with proper chunk separation for client and server.
Create executable binaries from TypeScript files with simple directory structure.
No install command available. Check the GitHub repository for manual installation instructions.
git clone https://github.com/huozhi/buncheeCopy the install command above and run it in your terminal.
Launch Claude Code, Cursor, or your preferred AI coding agent.
Use the prompt template or examples below to test the skill.
Adapt the skill to your specific use case and workflow.
Use Bunchee to bundle the [PROJECT_NAME] package located in [PROJECT_PATH]. Ensure the output includes both CommonJS and ES module formats in the [OUTPUT_DIR]. Include support for [JSX/TSX/React Server Components] if applicable. Verify the bundle size and generate a summary of the bundled files with their respective sizes.
Successfully bundled **@acme/ui-components@1.2.0** from `/projects/ui-components` using Bunchee. The output was generated in `/dist` with the following files: - **dist/index.cjs.js** (CommonJS): 42.3 KB (minified: 18.7 KB) - **dist/index.esm.js** (ES Module): 38.9 KB (minified: 16.2 KB) - **dist/index.d.ts** (TypeScript declarations): 2.1 KB The bundle includes support for React Server Components and JSX. Tree-shaking removed 12 unused exports, reducing the final size by 15%. All dependencies (e.g., `react@^18.2.0`, `lodash-es@^4.17.21`) were bundled inline. The build completed in **1.8s** with zero configuration. No errors or warnings were detected during the process.
Cloud ETL platform for non-technical data integration
IronCalc is a spreadsheet engine and ecosystem
Get more done every day with Microsoft Teams – powered by AI
Customer feedback management made simple
Enterprise workflow automation and service management platform
Automate your spreadsheet tasks with AI power
Take a free 3-minute scan and get personalized AI skill recommendations.
Take free scan