Rspack Best Practices

What it does

This skill provides guidance on best practices for using rspack, a modern JavaScript bundler. It helps users optimize build performance, configure loaders effectively, and troubleshoot common issues encountered during development. The skill aims to improve project maintainability and reduce bundle sizes by leveraging recommended configurations and techniques.

When to use it

• You're starting a new React project and want to leverage rspack for faster builds.
• Your existing JavaScript project is experiencing slow build times or large bundle sizes.
• You need help configuring specific loaders (like Babel, CSS, or TypeScript) within your rspack configuration.
• You're encountering errors or unexpected behavior during the bundling process and require troubleshooting assistance.

Key capabilities

• Provides optimized rspack configurations for various project types.
• Offers guidance on configuring common loaders (Babel, CSS, TypeScript).
• Suggests techniques to reduce bundle size.
• Helps troubleshoot build errors and performance bottlenecks.

Example prompts

• "Generate a basic rspack configuration for a React application."
• "How do I configure Babel with rspack?"
• "What are some strategies to minimize my JavaScript bundle size using rspack?"

Tips & gotchas

This skill assumes you have a basic understanding of JavaScript bundling concepts. While it provides configuration examples, adapting them to your specific project requirements might require further adjustments and experimentation.