A curated list of awesome things related to Rspack and its ecology

Awesome Rspack

• Resources
  • Official Resources
  • Ecosystem
• Starter
  • Rspack Starter
  • Rsbuild Starter
• Plugins
  • Rspack Plugins
  • Rsbuild Plugins
  • Rspress Plugins
• License

Resources

Official Resources

• Rspack Doc
• Rspack GitHub Repo
• Rspack Release Notes
• Rspack Examples: Examples for Rspack, Rsbuild, Rspress and Rsdoctor.
• Rsfamily Design Resources: Design resources for Rspack, Rsbuild, Rspress and Rsdoctor.

Ecosystem

• Rsbuild Doc: The Rspack-based build tool.
• Rspress Doc: A fast Rspack-based static site generator.
• Rsdoctor Doc: A one-stop build analyzer for Rspack and Webpack.
• Modern.js Doc: A progressive React framework for web development.

Starter

Rspack Starter

• rspack-react-router-starter
• rspack for create-react-app
• electron-forge-rspack-template

Rsbuild Starter

• rsbuild_vue3_h5_template: A project template for Vue 3. It includes popular libraries such as Axios, Pinia, Vant, and Vue Router.
• rsbuild-chrome-extension-boilerplate-react: Chrome extension boilerplate for Rsbuild.
• rsbuild-plugin-template: Use this template to create your own Rsbuild plugin.

Plugins

Rspack Plugins

• rspack-plugin-dotenv: A secure rspack plugin that supports dotenv and other environment variables.
• rspack-plugin-virtual-module: A plugin for rspack that allows you to create virtual modules.
• html-rspack-plugin: Generate files to serve your Rspack bundles.
• @aaroon/workbox-rspack-plugin: A plugin to use workbox in Rspack.

You can also use most of the unplugin in Rspack or Rsbuild, such as:

• unplugin-vue-components: On-demand components auto importing for Vue.
• unplugin-auto-import: Auto import APIs on-demand.

Rsbuild Plugins

• @rsbuild/plugin-react: Provides support for React.
• @rsbuild/plugin-svgr: Support convert SVG to React components.
• @rsbuild/plugin-styled-components: Provides compile-time support for styled-components.
• @rsbuild/plugin-vue: Provides support for Vue 3 SFC (Single File Components).
• @rsbuild/plugin-vue-jsx: Provides support for Vue 3 JSX / TSX syntax.
• @rsbuild/plugin-vue2: Provides support for Vue 2 SFC (Single File Components).
• @rsbuild/plugin-vue2-jsx: Provides support for Vue 2 JSX / TSX syntax.
• @rsbuild/plugin-preact: Provides support for Preact.
• @rsbuild/plugin-svelte: Provides support for Svelte components (.svelte files).
• @rsbuild/plugin-assets-retry: Used to automatically resend requests when static assets fail to load.
• @rsbuild/plugin-babel: Provides support for Babel transpilation capabilities.
• @rsbuild/plugin-eslint: Used to run ESLint checks during the compilation.
• @rsbuild/plugin-type-check: Used to run TypeScript type checker on a separate process.
• @rsbuild/plugin-image-compress: Compress the image resources used in the project.
• @rsbuild/plugin-mdx: Provide support for MDX.
• @rsbuild/plugin-node-polyfill: Used to inject polyfills of Node core modules in the browser side.
• @rsbuild/plugin-lightningcss: Used to use LightningCSS as CSS transformer and minimizer.
• @rsbuild/plugin-source-build: This plugin is designed for the monorepo scenario. It supports referencing source code from other subdirectories and performs build and hot update.
• @rsbuild/plugin-stylus: Use Stylus as the CSS preprocessor.
• @rsbuild/plugin-check-syntax: Used to analyze the syntax compatibility of artifacts, to see if there are any advanced syntaxes that may cause compatibility issues.
• @rsbuild/plugin-css-minimizer: Used to customize CSS minimizer, switch to cssnano or other tools for CSS compression.
• @rsbuild/plugin-pug: Provides support for the Pug template engine.
• @rsbuild/plugin-rem: Implements the rem adaptive layout for mobile pages.
• @rsbuild/plugin-umd: Used to build outputs in UMD format.
• @rsbuild/plugin-yaml: Used to import YAML files and convert them into JavaScript objects.
• @rsbuild/plugin-toml: Used to import TOML files and convert them into JavaScript objects.
• @rsbuild/plugin-solid: Provides support for Solid.
• rsbuild-plugin-react-inspector: Allows automatic jumping to the local IDE when clicking on a browser element.
• rsbuild-plugin-svelte-inspector: Allows automatic jumping to the local IDE when clicking on a browser element.
• rsbuild-plugin-vue-inspector: Allows automatic jumping to the local IDE when clicking on a browser element.
• rsbuild-plugin-print: Print text, show host with qrcode.
• rsbuild-plugin-console-debug: Output debug information in the console.
• rsbuild-plugin-generate-file: Generate static file and write them to dist folder after packaging.
• rsbuild-plugin-google-analytics: Setup Google Analytics in your website.
• rsbuild-plugin-web-extension: Rsbuild plugin for Chrome/web extension.
• rsbuild-plugin-open-graph: Generate Open Graph meta tags.
• rsbuild-plugin-posthog: Rsbuild plugin for PostHog.

Rspress Plugins

• @rspress/plugin-medium-zoom: medium-zoom plugin, used to zoom in images.
• @rspress/plugin-last-updated: Support for displaying the last update time of the article.
• @rspress/plugin-container-syntax: Support container syntax in Markdown/MDX.
• @rspress/plugin-typedoc: Integrate TypeDoc, used to generate API documentation of TS module automatically.
• @rspress/plugin-preview: Support preview of code blocks in Markdown/MDX.
• @rspress/plugin-playground: Provide a real-time playground to preview the code blocks in Markdown/MDX files.
• @rspress/plugin-shiki: Integrates Shiki for code syntax highlighting.
• rspress-plugin-translate: Automatically translate your content behind the scenes using GPT's.
• rspress-plugin-shiki: Rspress plugin shiki with transformer.
• rspress-plugin-remote-page: Load remote markdown file (e.g. README.md) onto your website.
• rspress-plugin-font-open-sans: Use Open Sans as the default font in your Rspress website.

License

To the extent possible under law, Web Infra has waived all copyright and related or neighboring rights to this work.