fix: optimize deprecation warning of webpack (#6319)

* fix: optimize deprecation warning of webpack

* fix: changelog

.changeset/gorgeous-sheep-visit.md

@@ -0,0 +1,5 @@
+---
+'@ice/bundles': patch
+---
+
+chore: bump webpack version(5.86.0)

.changeset/poor-tools-develop.md

@@ -0,0 +1,5 @@
+---
+'@ice/webpack-config': patch
+---
+
+fix: optimize deprecation warning of webpack

examples/app-config/package.json

@@ -24,6 +24,6 @@
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.2",
     "speed-measure-webpack-plugin": "^1.5.0",
-    "webpack": "^5.84.1"
+    "webpack": "^5.86.0"
   }
 }

examples/basic-project/package.json

@@ -23,6 +23,6 @@
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.2",
     "speed-measure-webpack-plugin": "^1.5.0",
-    "webpack": "^5.84.1"
+    "webpack": "^5.86.0"
   }
 }

examples/csr-project/package.json

@@ -21,6 +21,6 @@
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "speed-measure-webpack-plugin": "^1.5.0",
-    "webpack": "^5.84.1"
+    "webpack": "^5.86.0"
   }
 }

examples/disable-data-loader/package.json

@@ -24,6 +24,6 @@
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.2",
     "speed-measure-webpack-plugin": "^1.5.0",
-    "webpack": "^5.84.1"
+    "webpack": "^5.86.0"
   }
 }

examples/miniapp-project/package.json

@@ -28,6 +28,6 @@
     "@types/react-dom": "^18.0.2",
     "browserslist": "^4.19.3",
     "speed-measure-webpack-plugin": "^1.5.0",
-    "webpack": "^5.84.1"
+    "webpack": "^5.86.0"
   }
 }

examples/rax-inline-style/package.json

@@ -24,6 +24,6 @@
   "devDependencies": {
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.2",
-    "webpack": "^5.84.1"
+    "webpack": "^5.86.0"
   }
 }

examples/rax-project/package.json

@@ -26,6 +26,6 @@
   "devDependencies": {
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.2",
-    "webpack": "^5.84.1"
+    "webpack": "^5.86.0"
   }
 }

examples/with-entry-type/package.json

@@ -19,6 +19,6 @@
     "fs-extra": "^10.0.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.2",
-    "webpack": "^5.84.1"
+    "webpack": "^5.86.0"
   }
 }

examples/with-nested-routes/package.json

@@ -19,6 +19,6 @@
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "speed-measure-webpack-plugin": "^1.5.0",
-    "webpack": "^5.84.1"
+    "webpack": "^5.86.0"
   }
 }

examples/with-pha/package.json

@@ -19,6 +19,6 @@
   "devDependencies": {
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.2",
-    "webpack": "^5.84.1"
+    "webpack": "^5.86.0"
   }
 }

packages/bundles/package.json

@@ -65,7 +65,7 @@
     "terser-webpack-plugin": "5.3.5",
     "typescript": "^4.6.4",
     "trusted-cert": "1.1.3",
-    "webpack": "5.84.1",
+    "webpack": "5.86.0",
     "webpack-bundle-analyzer": "4.5.0",
     "webpack-dev-server": "4.15.0",
     "unplugin": "0.9.5",

packages/ice/package.json

@@ -83,7 +83,7 @@
     "react-router": "6.11.2",
     "sass": "^1.50.0",
     "unplugin": "^0.9.0",
-    "webpack": "^5.84.1",
+    "webpack": "^5.86.0",
     "webpack-dev-server": "^4.7.4"
   },
   "peerDependencies": {

packages/miniapp-loader/package.json

@@ -21,7 +21,7 @@
     "@ice/bundles": "^0.1.10"
   },
   "devDependencies": {
-    "webpack": "^5.84.1"
+    "webpack": "^5.86.0"
   },
   "publishConfig": {
     "access": "public"

packages/plugin-miniapp/package.json

@@ -49,7 +49,7 @@
   "devDependencies": {
     "@ice/app": "^3.2.0",
     "@ice/runtime": "^1.2.0",
-    "webpack": "^5.84.1"
+    "webpack": "^5.86.0"
   },
   "repository": {
     "type": "http",

packages/plugin-pha/package.json

@@ -28,7 +28,7 @@
     "@ice/app": "^3.2.0",
     "build-scripts": "^2.1.1-0",
     "esbuild": "^0.17.16",
-    "webpack": "^5.84.1",
+    "webpack": "^5.86.0",
     "webpack-dev-server": "^4.9.2"
   },
   "repository": {

packages/plugin-rax-compat/package.json

@@ -31,7 +31,7 @@
   },
   "devDependencies": {
     "@ice/app": "^3.2.1",
-    "webpack": "^5.84.1"
+    "webpack": "^5.86.0"
   },
   "repository": {
     "type": "http",

packages/webpack-config/package.json

@@ -26,7 +26,7 @@
   "devDependencies": {
     "esbuild": "^0.17.16",
     "postcss": "^8.4.18",
-    "webpack": "^5.84.1",
+    "webpack": "^5.86.0",
     "webpack-dev-server": "^4.7.4"
   },
   "scripts": {

packages/webpack-config/src/config/splitChunks.ts

@@ -11,6 +11,9 @@ interface NameModule {
   libIdent?: Function;
   type: string;
   updateHash: (hash: crypto.Hash) => void;
+  buildInfo?: {
+    hash?: string;
+  };
 }
 const require = createRequire(import.meta.url);
 
@@ -94,7 +97,12 @@ export const getChunksStrategy = (rootDir: string): SplitChunksConfig => {
         name(module: NameModule) {
           const hash = crypto.createHash('sha1');
           if (isModuleCSS(module)) {
-            module.updateHash(hash);
+            if (module?.buildInfo?.hash) {
+              // Use exsiting hash instead of recalculating.
+              return module?.buildInfo?.hash.substring(0, 8);
+            } else {
+              module.updateHash(hash);
+            }
           } else {
             if (!module.libIdent) {
               throw new Error(

packages/webpack-modify/package.json

@@ -16,7 +16,7 @@
   },
   "devDependencies": {
     "@ice/webpack-config": "^1.0.0",
-    "webpack": "^5.84.1"
+    "webpack": "^5.86.0"
   },
   "scripts": {
     "watch": "tsc -w",

website/package.json

@@ -36,7 +36,7 @@
     "glob": "^7.2.3",
     "gray-matter": "^4.0.3",
     "typescript": "^4.9.5",
-    "webpack": "^5.84.1"
+    "webpack": "^5.86.0"
   },
   "browserslist": {
     "production": [