プラグイン互換性

このインデックスは、Rspackで一般的に使用されるコミュニティプラグインの互換性状況をリストアップしています。

Webpackの組み込みプラグインに対するRspackのサポート状況については、Webpack対応組み込みプラグインを参照してください。

この表は一般的なコミュニティプラグインの一部のみをリストアップしていることに注意してください。記載されていないプラグインについては、各自で機能を確認してください。このドキュメントにさらにプラグインを追加していただくことを歓迎します。

プラグインサポート状況備考
copy-webpack-plugin🔵 含まれています
代わりに CopyRspackPlugin を使用してください
mini-css-extract-plugin🔵 含まれています
代わりに CssExtractRspackPlugin を使用してください
tsconfig-paths-webpack-plugin🔵 含まれています
代わりに resolve.tsConfig を使用してください
@loadable/webpack-plugin🟢 互換性あり
@sentry/webpack-plugin🟢 互換性あり
v0.3.3でv1.20.1以降のプラグインバージョンに対するサポートが実装されました。
@soda/friendly-errors-webpack-plugin🟢 互換性あり
@vanilla-extract/webpack-plugin🟢 互換性あり
assets-webpack-plugin🟢 互換性あり
case-sensitive-paths-webpack-plugin🟢 互換性あり
useBeforeEmitHook オプションはサポートされていません。
clean-webpack-plugin🟢 互換性あり
compression-webpack-plugin🟢 互換性あり
css-minimizer-webpack-plugin🟢 互換性あり
Rspackは、より優れたパフォーマンスを提供するために LightningCssMinimizerRspackPlugin を提供しています。
dotenv-webpack🟢 互換性あり
error-overlay-webpack-plugin🟢 互換性あり
eslint-import-resolver-webpack🟢 互換性あり
filemanager-webpack-plugin🟢 互換性あり
fork-ts-checker-webpack-plugin🟢 互換性あり
friendly-errors-webpack-plugin🟢 互換性あり
html-minimizer-webpack-plugin🟢 互換性あり
html-webpack-plugin🟢 互換性あり
このプラグインのサポートはv0.3.3で実装されました。使用するにはRspackのバージョンをアップグレードしてください。
json-minimizer-webpack-plugin🟢 互換性あり
license-webpack-plugin🟢 互換性あり
moment-locales-webpack-plugin🟢 互換性あり
このプラグインのサポートはv0.7.0で実装されました。使用するにはRspackのバージョンをアップグレードしてください。
monaco-editor-webpack-plugin🟢 互換性あり
node-polyfill-webpack-plugin🟢 互換性あり
serwist🟢 互換性あり
stylelint-webpack-plugin🟢 互換性あり
terser-webpack-plugin🟢 互換性あり
Rspackは、より優れたパフォーマンスを提供するために SwcJsMinimizerRspackPlugin を提供しています。
webpack-bundle-analyzer🟢 互換性あり
webpack-stats-plugin🟢 互換性あり
@nx/webpack🟡 代替案
代わりに @nx/rspack を使用してください
@pmmmwh/react-refresh-webpack-plugin🟡 代替案
代わりに @rspack/plugin-react-refresh を使用してください
eslint-webpack-plugin🟡 代替案
代わりに eslint-rspack-plugin を使用してください
html-webpack-tags-plugin🟡 代替案
代わりに html-rspack-tags-plugin を使用してください
webpack-manifest-plugin🟡 代替案
代わりに rspack-manifest-plugin を使用してください
webpack-virtual-modules🟡 代替案
代わりに rspack-plugin-virtual-module を使用してください
workbox-webpack-plugin🟡 代替案
代わりに @aaroon/workbox-rspack-plugin を使用してください
add-asset-html-webpack-plugin🟡 部分的に互換性あり
このプラグインはhtml-webpack-pluginに依存しています。
html-webpack-harddisk-plugin🟡 部分的に互換性あり
このプラグインはhtml-webpack-pluginに依存しています。
image-minimizer-webpack-plugin🟡 部分的に互換性あり
ローダー をスタンドアロンで使用することのみサポートしています。
webpack-assets-manifest🟡 部分的に互換性あり
基本的な使用方法のみサポートしています。
@cypress/webpack-preprocessor🔴 非互換実装予定
@intlify/unplugin-vue-i18n🔴 非互換実装予定
@ngtools/webpack🔴 非互換実装予定
@storybook/react-docgen-typescript-plugin🔴 非互換実装予定
circular-dependency-plugin🔴 非互換
代わりにEslintの import/no-cycle ルールを使用してください。
critters-webpack-plugin🔴 非互換実装予定
git-revision-webpack-plugin🔴 非互換実装予定
last-call-webpack-plugin🔴 非互換実装予定
pnp-webpack-plugin🔴 非互換
resolve.plugins オプションはサポートされていません。
progress-bar-webpack-plugin🔴 非互換
webpack.ProgressPluginrspack.ProgressPlugin に置き換える必要があります。
speed-measure-webpack-plugin🔴 非互換
代わりに Rsdoctor を使用してください。
webpack-filter-warnings-plugin🔴 非互換
代わりに ignoreWarnings を使用してください。
webpack-remove-empty-scripts🔴 非互換実装予定
webpack-subresource-integrity🔴 非互換実装予定
webpackbar🔴 非互換
webpack.ProgressPluginrspack.ProgressPlugin に置き換える必要があります。

一般的なプラグインの例は、rspack-examples で確認できます。

さらに、コミュニティのRspackプラグインは awesome-rspack で確認できます。