fix(imports): baseUrl & paths webpack tsconfig

baseurl and paths must be configured in tsconfig.json
webpack configs will now correctly resolve paths.

tsconfig.json

@@ -2,10 +2,10 @@
   "compilerOptions": {
     "allowJs": true,
     "noEmit": true,
-    "baseUrl": ".",
+    "baseUrl": "src",
     "paths": {
-      "@styles/*": ["src/styles/*"],
-      "@assets/*": ["src/assets/*"]
+      "@styles/*": ["styles/*"],
+      "@assets/*": ["assets/*"]
     },
     "module": "ESNext",
     "target": "ESNext",

wm-config.js

@@ -1,6 +1,6 @@
 require("dotenv-flow").config(); // load .env files
 const tsConfig = require("./tsconfig.json");
-const { getClientIPAddresses, getWebpackAliasFromTsConfig } = require("./wm-helper");
+const { getClientIPAddresses, getWebpackAliasFromTsConfig, getWebpackResolveModulesFromTsConfig } = require("./wm-helper");
 
 // *************************************************************************************************
 // dont change the values of variables. These are updated by feature commands
@@ -68,6 +68,7 @@ const wmConfig = {
     resolve: {
       alias: getWebpackAliasFromTsConfig(tsConfig),
       extensions,
+      modules: getWebpackResolveModulesFromTsConfig(tsConfig)
     },
     outputESModule, // ouput ECMAScript module syntax whenever possible.
     // dont include "initial" vendor chunk in "initial" main chunk. generate a separate "initial" vendor chunk

wm-helper.js

@@ -19,20 +19,32 @@ const { escapeStringRegexp } = require("./wm-util");
 exports.getWebpackAliasFromTsConfig = (tsConfig) => {
   let webpackAlias = {};
   const baseUrl = tsConfig?.compilerOptions?.baseUrl;
-  if (!baseUrl) throw "tsconfig.json baseUrl missing";
-  if (baseUrl !== ".") throw 'tsconfig.json baseUrl must have value "."';
-  const paths = tsConfig?.compilerOptions?.paths ?? {};
-  for (let p in paths) {
-    let a = p.substring(0, p.length - 2);
-    if (paths[p].length) {
-      let b = paths[p][0];
-      let c = b.substring(0, b.length - 1);
-      webpackAlias[a] = path.resolve(__dirname, c);
+  // if (!baseUrl) throw "tsconfig.json baseUrl missing";
+  const paths = tsConfig?.compilerOptions?.paths;
+
+  if (paths) {
+    // if (baseUrl !== ".") throw 'tsconfig.json baseUrl must have value "." when paths is also provided.';
+
+    for (let p in paths) {
+      let a = p.substring(0, p.length - 2);
+      if (paths[p].length) {
+        let b = paths[p][0];
+        let c = b.substring(0, b.length - 1);
+        webpackAlias[a] = path.resolve(__dirname, baseUrl || "", c);
+      }
     }
   }
   return webpackAlias;
 };
 
+exports.getWebpackResolveModulesFromTsConfig = (tsConfig) => {
+  const modules = ["node_modules"];
+  const baseUrl = tsConfig?.compilerOptions?.baseUrl;
+  if (baseUrl) modules.unshift(path.resolve(__dirname, baseUrl));
+
+  return modules;
+};
+
 exports.getClientIPAddresses = (clientPort, httpsMode = false) => {
   const temp = [];
   for (const name of Object.keys(nets))