fix: enable hmr to avoid reload

.changeset/curly-windows-think.md

@@ -0,0 +1,7 @@
+---
+'@ice/webpack-config': patch
+'@ice/bundles': patch
+'@ice/app': patch
+---
+
+fix: enable hmr to avoid reload

packages/bundles/package.json

@@ -68,7 +68,7 @@
     "trusted-cert": "1.1.3",
     "webpack": "5.75.0",
     "webpack-bundle-analyzer": "4.5.0",
-    "webpack-dev-server": "4.10.0",
+    "webpack-dev-server": "4.11.1",
     "unplugin": "0.9.5",
     "bonjour-service": "^1.0.13",
     "colorette": "^2.0.10",
@@ -91,7 +91,7 @@
     "webpack-dev-middleware": "^5.3.1",
     "ws": "^8.4.2",
     "globby": "13.1.2",
-    "@pmmmwh/react-refresh-webpack-plugin": "0.5.7",
+    "@pmmmwh/react-refresh-webpack-plugin": "0.5.10",
     "loader-utils": "^2.0.0",
     "source-map": "0.8.0-beta.0",
     "find-up": "5.0.0",

packages/ice/templates/core/entry.client.tsx.ejs

@@ -40,3 +40,7 @@ const render = (customOptions = {}) => {
 };
 
 <%- entryCode %>
+
+if (import.meta.webpackHot) {
+  import.meta.webpackHot.accept();
+}

packages/webpack-config/src/index.ts

@@ -323,7 +323,7 @@ export function getWebpackConfig(options: GetWebpackConfigOptions): Configuratio
       ...plugins,
       ...compilerWebpackPlugins,
       // @ts-ignore
-      new EnvReplacementPlugin(),
+      dev && new EnvReplacementPlugin(),
       dev && fastRefresh && new ReactRefreshWebpackPlugin({
         exclude: [/node_modules/, /bundles[\\\\/]compiled/],
         // use webpack-dev-server overlay instead
@@ -360,6 +360,7 @@ export function getWebpackConfig(options: GetWebpackConfigOptions): Configuratio
       }),
     ].filter(Boolean),
     devServer: merge({
+      liveReload: false,
       allowedHosts: 'all',
       headers: {
         'Access-Control-Allow-Origin': '*',

packages/webpack-config/src/unPlugins/compilation.ts

@@ -195,6 +195,8 @@ function getJsxTransformOptions({
   rootDir,
 }: GetJsxTransformOptions) {
   const reactTransformConfig: ReactConfig = {
+    // Swc won't enable fast refresh when development is false in the latest version.
+    development: mode === 'development',
     refresh: fastRefresh,
     runtime: 'automatic',
     importSource: '@ice/runtime', // The exact import source is '@ice/runtime/jsx-runtime'