migrate webpack config to typescript

Author: Cansn0w

package-lock.json

@@ -5,14 +5,14 @@
   "scripts": {
     "test": "jest",
     "clean": "rm -rf dist/*",
-    "start": "node webpack.js serve",
-    "build": "node webpack.js build && npm run prerender --",
-    "build:dev": "node webpack.js build --mode=development && npm run prerender -- --api mock",
+    "start": "ts-node webpack.ts serve",
+    "build": "ts-node webpack.ts build && npm run prerender --",
+    "build:dev": "ts-node webpack.ts build --mode=development && npm run prerender -- --api mock",
     "prerender": "node dist/prerender",
-    "build:prerender": "node webpack.js build -e prerender",
-    "build:prerender:dev": "node webpack.js build -e prerender -m development",
-    "build:web": "node webpack.js build -e app",
-    "build:web:dev": "node webpack.js build -e app -m development",
+    "build:prerender": "ts-node webpack.ts build -e prerender",
+    "build:prerender:dev": "ts-node webpack.ts build -e prerender -m development",
+    "build:web": "ts-node webpack.ts build -e app",
+    "build:web:dev": "ts-node webpack.ts build -e app -m development",
     "format": "prettier --write .",
     "lint": "eslint src"
   },
@@ -36,8 +36,10 @@
   },
   "devDependencies": {
     "@types/jest": "^29.4.0",
+    "@types/loader-utils": "^2.0.3",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
+    "@types/webpack-bundle-analyzer": "^4.6.0",
     "@typescript-eslint/eslint-plugin": "^5.52.0",
     "@typescript-eslint/parser": "^5.52.0",
     "clean-webpack-plugin": "^4.0.0",
@@ -59,6 +61,7 @@
     "style-loader": "^3.3.1",
     "ts-jest": "^29.0.5",
     "ts-loader": "^9.4.2",
+    "ts-node": "^10.9.1",
     "typescript": "^4.9.5",
     "url-loader": "^4.1.1",
     "webpack": "^5.75.0",

package.json

@@ -1,4 +1,4 @@
-const loaderUtils = require("loader-utils");
+import loaderUtils from "loader-utils";
 
 class ClassnameGenerator {
   state = [0, 0];
@@ -19,11 +19,11 @@ class ClassnameGenerator {
   }
 }
 
-function getReadableCSSModuleLocalIdent(
-  context,
-  localIdentName,
-  localName,
-  options
+export function getReadableCSSModuleLocalIdent(
+  context: unknown,
+  localIdentName: unknown,
+  localName: string,
+  options: unknown
 ) {
   return loaderUtils
     .interpolateName(context, "[path][name]__" + localName, options)
@@ -32,11 +32,11 @@ function getReadableCSSModuleLocalIdent(
 
 const nameGenerator = new ClassnameGenerator();
 const nameMap = new Map();
-function getMinimalCSSModuleLocalIdent(
-  context,
-  localIdentName,
-  localName,
-  options
+export function getMinimalCSSModuleLocalIdent(
+  context: unknown,
+  localIdentName: unknown,
+  localName: string,
+  options: unknown
 ) {
   const codeName = loaderUtils.interpolateName(
     context,
@@ -48,8 +48,3 @@ function getMinimalCSSModuleLocalIdent(
   }
   return nameMap.get(codeName);
 }
-
-module.exports = {
-  getReadableCSSModuleLocalIdent,
-  getMinimalCSSModuleLocalIdent,
-};