improved local dev

Author: timea-solid

package.json

@@ -47,8 +47,9 @@
     "test-coverage": "jest --coverage --collectCoverageFrom=src/**/*.[jt]s",
     "test-debug": "node --inspect-brk ./node_modules/jest/bin/jest.js --runInBand --watch",
     "watch:js": "tsc --watch --preserveWatchOutput",
-    "watch:dist": "webpack --watch",
+    "watch:dist": "webpack --watch --mode development",
     "watch": "npm run build-version && npm run build-js && npm run postbuild-js && sh -c 'npm run watch:js & npm run watch:dist & wait'",
+    "dev": "npm run build-version && sh -c 'npm run watch:js & npm run watch:dist & wait'",
     "doc": "typedoc --out ./docs/api/ ./src/ --excludeInternal",
     "prepublishOnly": "npm run build && npm run lint && npm test && npm run doc",
     "preversion": "npm run lint && npm run typecheck && npm test",

tsconfig.json

@@ -22,6 +22,8 @@
 
     "outDir": "dist" /* Redirect output structure to the directory. */,
     "rootDir": "src/",
+    "incremental": true,
+    "tsBuildInfoFile": "./.tsbuildinfo",
 
     // "rootDir": "./",                       /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
     // "composite": true,                     /* Enable project compilation */

webpack.config.mjs

@@ -57,12 +57,20 @@ const common = {
     fallback: { path: false }
   },
   devtool: 'source-map',
+  cache: {
+    type: 'filesystem'
+  },
   module: {
     rules: [
       {
         test: /\.(mjs|js|ts)$/,
         exclude: /(node_modules|bower_components|dist)/,
-        use: 'babel-loader'
+        use: {
+          loader: 'babel-loader',
+          options: {
+            cacheDirectory: true
+          }
+        }
       }, {
         test: /\.sparql$/i,
         type: 'asset/source'
@@ -165,9 +173,11 @@ const esmUnminified = {
   }
 }
 
-export default [
-  minified,
-  unminified,
-  esmMinified,
-  esmUnminified
-]
+export default (env, argv) => {
+  const isDev = argv?.mode === 'development'
+  const devtool = isDev ? 'eval-cheap-module-source-map' : 'source-map'
+  return [minified, unminified, esmMinified, esmUnminified].map(config => ({
+    ...config,
+    devtool
+  }))
+}