docs: improve configuration example (#14)

chenjiahan · web-flow · commit e14b825c5506 · 2024-11-03T10:20:41.000+08:00
diff --git a/README.md b/README.md
@@ -34,7 +34,6 @@ The enabling of the [Preact Refresh](https://github.com/preactjs/prefresh) is di
 
 > In versions below 1.0.0, Rspack did not support preact refresh with `swc-loader`.
 >
-> Please use `builtin:swc-loader` and enable preact specific transformation with `rspackExperiments.preact: {}`
 
 ```js
 const PreactRefreshPlugin = require("@rspack/plugin-preact-refresh");
@@ -47,14 +46,17 @@ module.exports = {
     rules: [
       {
         test: /\.jsx$/,
+        // exclude node_modules to avoid dependencies transformed by `@swc/plugin-prefresh`
+        exclude: /node_modules/,
         use: {
           loader: "builtin:swc-loader",
           options: {
             jsc: {
               experimental: {
                 plugins: [
                   [
-                    "@swc/plugin-prefresh", // enable prefresh specific transformation
+                    // enable prefresh specific transformation
+                    require.resolve("@swc/plugin-prefresh"),
                     {
                       library: ["preact-like-framework"], // the customizable preact name, default is `["preact", "preact/compat", "react"]`
                     },

Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,6 @@ The enabling of the [Preact Refresh](https://github.com/preactjs/prefresh) is di`
`34`	`34`
`35`	`35`	> In versions below 1.0.0, Rspack did not support preact refresh with `swc-loader`.
`36`	`36`	`>`
`37`		-> Please use `builtin:swc-loader` and enable preact specific transformation with `rspackExperiments.preact: {}`
`38`	`37`
`39`	`38`	```js
`40`	`39`	`const PreactRefreshPlugin = require("@rspack/plugin-preact-refresh");`
`@@ -47,14 +46,17 @@ module.exports = {`
`47`	`46`	`rules: [`
`48`	`47`	`{`
`49`	`48`	`test: /\.jsx$/,`
	`49`	+ // exclude node_modules to avoid dependencies transformed by `@swc/plugin-prefresh`
	`50`	`+ exclude: /node_modules/,`
`50`	`51`	`use: {`
`51`	`52`	`loader: "builtin:swc-loader",`
`52`	`53`	`options: {`
`53`	`54`	`jsc: {`
`54`	`55`	`experimental: {`
`55`	`56`	`plugins: [`
`56`	`57`	`[`
`57`		`- "@swc/plugin-prefresh", // enable prefresh specific transformation`
	`58`	`+ // enable prefresh specific transformation`
	`59`	`+ require.resolve("@swc/plugin-prefresh"),`
`58`	`60`	`{`
`59`	`61`	library: ["preact-like-framework"], // the customizable preact name, default is `["preact", "preact/compat", "react"]`
`60`	`62`	`},`