Enabled persistent caching for Webpack.

Props/package.json

@@ -4,7 +4,8 @@
   "scripts": {
     "build": "webpack --config webpack.common.js",
     "build:dev": "webpack --config webpack.dev.js",
-    "build:prod": "webpack --config webpack.prod.js"
+    "build:prod": "webpack --config webpack.prod.js",
+    "postinstall": "py ../scripts/npm_post_install.py"
   },
   "keywords": [],
   "author": "",
@@ -35,4 +36,4 @@
     "popmotion": "^9.4.0",
     "simplebar": "^5.3.5"
   }
-}
+}

Props/webpack.dev.js

@@ -14,6 +14,12 @@ let config = {
         providedExports: false,
         splitChunks: false,
         innerGraph: false,
+    },
+    cache: {
+        type: "filesystem",
+        buildDependencies: {
+            config: [__filename],
+        }
     }
 };
 

scripts/clear_webpack_cache.py

@@ -0,0 +1,14 @@
+import os
+import shutil
+
+CACHE_DIR = "./Props/node_modules/.cache/webpack"
+
+
+def clear():
+    os.chdir(os.path.dirname(os.path.realpath(__file__)))
+    os.chdir("..")
+    shutil.rmtree(CACHE_DIR, ignore_errors=True)
+
+
+if __name__ == "main":
+    clear()

scripts/npm_post_install.py

@@ -0,0 +1,3 @@
+import clear_webpack_cache
+
+clear_webpack_cache.clear()  # Refer to https://webpack.js.org/guides/build-performance/#persistent-cache and https://webpack.js.org/blog/2020-10-10-webpack-5-release/#persistent-caching