React Compiler for webpack

A webpack loader, a rspack loader that brings the official React Compiler to your project.

Installation

``bash


npm

npm i -D react-compiler-webpack

yarn

yarn add -D react-compiler-webpack

pnpm

pnpm add -D react-compiler-webpack
`

react-compiler-webpack has already declares babel-plugin-react-compiler as its peer dependency and it will be installed automatically when you install react-compiler-webpack with most package managers. But you can also explictly specify the version you want to use by manually install babel-plugin-react-compiler in your project:

`bash


npm

npm i -D babel-plugin-react-compiler

yarn

yarn add -D babel-plugin-react-compiler

pnpm

pnpm add -D babel-plugin-react-compiler
`

Usage

`js
// webpack.config.js / rspack.config.js

// You can leverage your IDE's Intellisense (autocompletion, type check, etc.) with the helper function defineReactCompilerLoaderOption:
const { defineReactCompilerLoaderOption, reactCompilerLoader } = require('react-compiler-webpack');

module.exports = {
module: {
rules: [
{
test: /\.[mc]?[jt]sx?$/i,
exclude: /node_modules/,
use: [
// babel-loader, swc-loader, esbuild-loader, or anything you like to transpile JSX should go here.
// If you are using rspack, the rspack's buiilt-in react transformation is sufficient.
// { loader: 'swc-loader' },
//
// Now add reactCompilerLoader
{
loader: reactCompilerLoader,
options: defineReactCompilerLoaderOption({
// React Compiler options goes here
})
}
]
}
]
}
};
``

Author

react-compiler-webpack © Sukka, Released under the MIT License.

Authored and maintained by Sukka with help from contributors (list).

> Personal Website · Blog · GitHub @SukkaW · Telegram Channel @SukkaChannel · Twitter @isukkaw · Mastodon @sukka@acg.mn · Keybase @sukka