bunchee

🥈Silver

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.

1,368360Updated 1mo ago

Intermediate30min to implementautomation

Saves ~30 min per use

Quick InstallView Source

git clone https://github.com/huozhi/bunchee.git

Works with:

Claude

Overview

About This Skill

https://github.com/huozhi/bunchee

Use Cases

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.

Setup & Installation

Quick Install

No install command available. Check the GitHub repository for manual installation instructions.

Alternative Install (Git Clone)

git clone https://github.com/huozhi/bunchee

Requirements

Claude Code or compatible AI agent
Works with: Claude

Quick Start Guide

Install the Skill

Copy the install command above and run it in your terminal.

Open Your AI Agent

Launch Claude Code, Cursor, or your preferred AI coding agent.

Try It Out

Use the prompt template or examples below to test the skill.

Customize

Adapt the skill to your specific use case and workflow.

Usage Examples

Prompt Template

Create a zero-configuration bundle for my npm package using bunchee. The package is named [PACKAGE_NAME] and is located in [PACKAGE_DIRECTORY]. I want to bundle it for [TARGET_ENVIRONMENT] (e.g., Node.js, browser, etc.).

Example Output

```bash
# bunchee configuration for [PACKAGE_NAME]
{
  "input": "./[PACKAGE_DIRECTORY]/src/index.js",
  "output": "./[PACKAGE_DIRECTORY]/dist/bundle.js",
  "format": "[TARGET_ENVIRONMENT]"
}
```

## Steps to Bundle Your Package
1. **Install bunchee**: Run `npm install -g bunchee` to install the bundler globally.
2. **Create Configuration File**: Use the provided configuration template and save it as `bunchee.config.js` in your project root.
3. **Run bunchee**: Execute `bunchee` in your terminal. The bundler will process your package and output the bundled file to the specified directory.

## Output Details
- **Input File**: `./[PACKAGE_DIRECTORY]/src/index.js`
- **Output File**: `./[PACKAGE_DIRECTORY]/dist/bundle.js`
- **Format**: `[TARGET_ENVIRONMENT]`

Your package is now bundled and ready for distribution!