🚀 use webpack.config.ts

.github/workflows/main.yml

@@ -66,6 +66,8 @@ jobs:
         with:
           node-version: 14
 
+      - uses: bahmutov/npm-install@v1.4.1
+
       - run: yarn build:demo
         env:
           BASE_PATHNAME: "snk"

package.json

@@ -6,7 +6,8 @@
   "repository": "github:platane/snk",
   "devDependencies": {
     "@types/jest": "26.0.14",
-    "jest": "26.4.2",
+    "@types/node": "14.11.8",
+    "jest": "26.5.2",
     "prettier": "2.1.2",
     "ts-jest": "26.4.1",
     "typescript": "4.0.3"

packages/demo/package.json

@@ -7,16 +7,17 @@
   },
   "devDependencies": {
     "@types/dat.gui": "0.7.5",
+    "@types/webpack": "4.41.22",
     "dat.gui": "0.7.7",
     "html-webpack-plugin": "4.5.0",
     "ts-loader": "8.0.4",
+    "ts-node": "9.0.0",
     "webpack": "4.44.2",
     "webpack-cli": "3.3.12",
     "webpack-dev-server": "3.11.0"
   },
   "scripts": {
-    "prepare": "tsc webpack.config.ts",
-    "build": "yarn prepare ; webpack",
-    "dev": "yarn prepare ; webpack-dev-server --port ${PORT-3000}"
+    "build": "webpack",
+    "dev": "webpack-dev-server --port ${PORT-3000}"
   }
 }

packages/demo/webpack.config.ts

@@ -25,12 +25,14 @@ const config: Configuration = {
     rules: [
       {
         exclude: /node_modules/,
-        test: /\.(js|ts)$/,
+        test: /\.ts$/,
         loader: "ts-loader",
         options: {
           compilerOptions: {
-            lib: ["dom", "ES2020"],
-            target: "ES2020",
+            lib: ["dom", "es2020"],
+            target: "es2020",
+            module: "es2020",
+            moduleResolution: "node",
           },
         },
       },