fix: use swc plugin in preact-refresh demo (#162)

rspack-contrib · Oct 28, 2024 · 85cecf9 · 85cecf9
1 parent 0d5b557
commit 85cecf9
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 11 deletions.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/rspack/preact-refresh/package.json b/rspack/preact-refresh/package.json
@@ -20,7 +20,8 @@
     "@prefresh/utils": "1.2.0",
     "@rspack/cli": "^1.0.14",
     "@rspack/core": "^1.0.14",
-    "@rspack/plugin-preact-refresh": "^1.0.1"
+    "@rspack/plugin-preact-refresh": "^1.1.0",
+    "@swc/plugin-prefresh": "^3.0.3"
   },
   "resolve": {
     "alias": {

diff --git a/rspack/preact-refresh/rspack.config.js b/rspack/preact-refresh/rspack.config.js
@@ -1,6 +1,6 @@
 const rspack = require('@rspack/core');
-const dev = process.env.NODE_ENV === 'development';
 const PreactRefreshPlugin = require('@rspack/plugin-preact-refresh');
+const dev = process.env.NODE_ENV === 'development';
 /** @type {import('@rspack/cli').Configuration} */
 const config = {
   entry: {
@@ -26,10 +26,15 @@ const config = {
           loader: 'builtin:swc-loader',
           options: {
             sourceMap: true,
-            rspackExperiments: {
-              preact: {}, // enable preact swc plugin
-            },
             jsc: {
+              experimental: {
+                plugins: [
+                  [
+                    '@swc/plugin-prefresh', // enable prefresh specific transformation
+                    {},
+                  ],
+                ],
+              },
               parser: {
                 syntax: 'ecmascript',
                 jsx: true,
@@ -43,7 +48,8 @@ const config = {
                   pragmaFrag: 'Fragment',
                   throwIfNamespace: true,
                   useBuiltins: false,
-                  refresh: true, // enable react hooks hmr compatiblity
+                  development: dev,
+                  refresh: dev, // enable react hooks hmr compatiblity
                 },
               },
             },