rspack-best-practices

Configure, review, or troubleshoot Rspack builds, including loaders, CSS, assets, type checking, bundle optimization, and profiling.

By rstackjs · 581 installs

npx skills add rstackjs/agent-skills --skill rspack-best-practices

Source repository · Upstream listing

Rspack best practices Apply these rules when writing or reviewing Rspack projects. Configuration Use rspack.config.ts and defineConfig Define explicit entry values for multi page applications Keep one main config and branch by process.env.NODE ENV only when needed Keep rule conditions narrow and explicit ( test , include , exclude , resourceQuery ) Prefer built in Rspack plugins/loaders over community JS alternatives when equivalent features exist CLI If @rspack/cli is installed: Use rspack dev for local development Use rspack build for production build Use rspack preview only for local production preview Type checking Use ts checker rspack plugin for integrated dev/build type checks Or run tsc noEmit / vue tsc noEmit as an explicit script step CSS Choose one strategy: Built in CSS ( type: 'css' 'css/auto' 'css/module' ) for modern setups css loader + CssExtractRspackPlugin for webpack migration compatibility style loader for pure style in JS runtime injection scenarios Optional: Use builtin:lightningcss loader when goals are syntax downgrade + vendor prefixing Use sass loader / less loader for preprocessing Sass/Less files Use @tailwindcss/webpack for Tailwind CSS integration Bundle size optimization Prefer dynamic import() for non critical code paths Prefer lightweight libraries where possible Keep target aligned with real compatibility requirements Asset management Import source managed assets from project source directories, not from public Reference public files by absolute URL path Prefer asset modules ( asset , asset/resource , asset/inline , asset/source ) over legacy file loader / url loader / raw loader Profiling Use Node CPU profiling ( cpu prof ) when JavaScript side overhead is suspected Use RSPACK PROFILE=OVERVIEW and analyze trace output for compiler phase bottlenecks Replace known slow stacks first ( babel loader , PostCSS, terser) with Rspack built ins when feasible Security Do not publish .map files to public servers/CDNs when production source maps are enabled Documentation For the latest (v2) docs, read http://rspack.rs/llms.txt For Rspack v1 docs, read http://v1.rspack.rs/llms.txt