Example

This codemod turns X into Y. It also does Z. Note: this is a contrived example. Please modify it.

• Updates the ChakraProvider import from @chakra-ui/react
• Renames the theme prop to value to match the new system-based theming approach

• Replaces extendTheme with createSystem and defaultConfig.
• Updates your theme object to fit the new structure required by Chakra UI.

Change import and usage of from TerserPlugin to use included rspack.SwcJsMinimizerRspackPlugin.

Before

Change import and usage of from html-webpack-tags-plugin to use includedhtml-rspack-tags-plugin.

Change import from webpack-manifest-plugin torspack-manifest-plugin.

Change import from webpack-virtual-modules to rspack-plugin-virtual-module.

Change import and usage of from css-minimizer-webpack-plugin to use included rspack.LightningCssMinimizerRspackPlugin.

Before

Change import from eslint-webpack-plugin to eslint-rspack-plugin.

Before

Handles the migration of the CssExtractWebpackPlugin webpack plug-in into an included plugin in rspack.

• Rspack has implemented most of webpack's built-in plugins, with the same names and configuration parameters, allowing for easy replacement.
• Replace the the include package from webpack to rspack one.
• Replaces the webpack object in the plugins array to rspack object.
• Handles only for supported and partially supported built-in plugins. (as of 11th Oct 2024)

Handles the migration of the CopyWebpackPlugin web pack plug into an included plugin in rspack.

Handles the migration of the TsconfigPathsPlugin web pack plug into an included plugin in rspack.

Rspack implements Webpack 5's Asset Modules, using asset modules to replace raw-loader to 'asset/source' for better performance.

Rspack implements Webpack 5's Asset Modules, using asset modules to replace url-loader to 'asset/inline' for better performance.

Rspack implements Webpack 5's Asset Modules, using asset modules to replace file-loader to 'asset/resource' for better performance.

Using builtin:swc-loader offers better performance compared to the babel-loader and the external swc-loader, as it avoids frequent communication between JavaScript and Rust.

This codemod updates registered filters to be placed inside the hooks.filters property, instead of filter. Note the shift from the singular to the plural form in this update.

This codemod updates registered transform groups to be placed inside the hooks.transformGroups property, instead of transformGroup, with a shift from the singular to the plural form.

This codemod updates registered transforms to be placed inside the hooks.transforms property, instead of transform, with a shift from the singular to the plural form. Additionally, the name of the filter function has been changed from matcher to filter for consistency.