chore: configure absolute paths with webpack (coder#3011)

Kira-Pilot · web-flow · commit c0d19ebea262 · 2022-07-18T10:43:11.000-04:00
* coonfigure absolute paths with webpack resolves coder#1855 * fixed jest config
diff --git a/site/jest.config.js b/site/jest.config.js
@@ -27,7 +27,7 @@ module.exports = {
       testEnvironment: "jsdom",
       testRegex: "(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$",
       testPathIgnorePatterns: ["/node_modules/", "/__tests__/fakes", "/e2e/"],
-      moduleDirectories: ["node_modules", "<rootDir>"],
+      moduleDirectories: ["node_modules", "<rootDir>/src"],
       moduleNameMapper: {
         "\\.css$": "<rootDir>/src/testHelpers/styleMock.ts",
       },
diff --git a/site/src/pages/WorkspacesPage/WorkspacesPage.tsx b/site/src/pages/WorkspacesPage/WorkspacesPage.tsx
@@ -2,9 +2,9 @@ import { useMachine } from "@xstate/react"
 import { FC, useEffect } from "react"
 import { Helmet } from "react-helmet"
 import { useSearchParams } from "react-router-dom"
-import { workspaceFilterQuery } from "../../util/filters"
-import { pageTitle } from "../../util/page"
-import { workspacesMachine } from "../../xServices/workspaces/workspacesXService"
+import { workspaceFilterQuery } from "util/filters"
+import { pageTitle } from "util/page"
+import { workspacesMachine } from "xServices/workspaces/workspacesXService"
 import { WorkspacesPageView } from "./WorkspacesPageView"
 
 const WorkspacesPage: FC = () => {
diff --git a/site/tsconfig.json b/site/tsconfig.json
@@ -13,7 +13,8 @@
     "resolveJsonModule": true,
     "skipLibCheck": true,
     "strict": true,
-    "target": "es2018"
+    "target": "es2018",
+    "baseUrl": "./src"
   },
   "include": ["**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules", "_jest"]
diff --git a/site/webpack.common.ts b/site/webpack.common.ts
@@ -103,6 +103,7 @@ export const createCommonWebpackConfig = (options?: { skipTypecheck: boolean }):
     //
     // See: https://webpack.js.org/guides/typescript/
     extensions: [".tsx", ".ts", ".js"],
+    modules: [path.resolve(__dirname, "src"), "node_modules"],
   },
 
   // plugins customize the build process
