Does this skill support dual-package exports?

Yes, it provides standard configurations for generating both ESM and CommonJS formats simultaneously to ensure your package works in all Node.js environments.

When should I use tsup versus Vite?

Use tsup for bundling libraries and packages where you need clean exports and dts files. Vite is the recommended choice for building frontend web applications.

Can I use this for CLI applications?

Absolutely. The skill includes specific patterns for configuring tsup with shebangs and banners, as well as optimizing script execution for command-line tools.

How does tsx improve development workflows?

tsx allows you to run TypeScript files directly without a manual compilation step, making it ideal for local scripts, migration tasks, and development servers.

JavaScript Build Tools Configuration

Name: JavaScript Build Tools Configuration
Author: IvanTorresEdge

byIvanTorresEdge

开发者工具

Streamlines the setup and configuration of modern JavaScript and TypeScript build pipelines using tsup, tsx, and Vite.

关于

This skill provides domain-specific guidance for configuring high-performance build pipelines in TypeScript and JavaScript projects. It automates the selection of the best tool for the task—utilizing tsup for robust library bundling, tsx for seamless script execution, and Vite for modern application development. By implementing best practices for dual-package support (ESM/CJS), type declaration generation, and tree shaking, this skill ensures consistent, production-ready outputs across diverse project types.

主要功能

Context-aware tool selection for libraries, apps, and scripts
Production-grade library bundling using tsup
Dual-package output configuration for ESM and CJS compatibility
Automated type declaration and source map generation
Optimized TypeScript execution patterns with tsx
0 GitHub stars

使用场景

Migrating legacy build scripts to high-performance alternatives like tsx
Setting up a new TypeScript library for NPM publication
Configuring multi-format exports for cross-environment compatibility

关于

主要功能

Context-aware tool selection for libraries, apps, and scripts
Production-grade library bundling using tsup
Dual-package output configuration for ESM and CJS compatibility
Automated type declaration and source map generation
Optimized TypeScript execution patterns with tsx
0 GitHub stars

使用场景

Migrating legacy build scripts to high-performance alternatives like tsx
Setting up a new TypeScript library for NPM publication
Configuring multi-format exports for cross-environment compatibility