Add '@' alias to simplify referencing paths from root

src/data/internship.ts

@@ -1,5 +1,5 @@
 import { Moment } from "moment";
-import { Nullable } from "../helpers";
+import { Nullable } from "@/helpers";
 import { Identifiable } from "./common";
 
 export enum InternshipType {

src/forms/company.tsx

@@ -1,6 +1,6 @@
 import React, { HTMLProps, useEffect, useMemo, useState } from "react";
-import { BranchOffice, Company, emptyAddress, emptyBranchOffice, emptyCompany, formatAddress } from "../data/company";
-import { sampleCompanies } from "../provider/dummy";
+import { BranchOffice, Company, emptyAddress, emptyBranchOffice, emptyCompany, formatAddress } from "@/data";
+import { sampleCompanies } from "@/provider/dummy";
 import { Autocomplete } from "@material-ui/lab";
 import { Grid, TextField, Typography } from "@material-ui/core";
 import { formFieldProps } from "./helpers";

src/forms/helpers.ts

@@ -1,4 +1,4 @@
-import { DOMEvent } from "../helpers";
+import { DOMEvent } from "@/helpers";
 
 type UpdatingEvent = "onBlur" | "onChange" | "onInput";
 type FormFieldHelperOptions<T> = {

src/provider/dummy/company.ts

@@ -1,4 +1,4 @@
-import { Company } from "../../data/company";
+import { Company } from "@/data";
 import { makeIdSequence } from "./helpers";
 
 const companySequence = makeIdSequence();

src/provider/dummy/helpers.ts

@@ -1,4 +1,4 @@
-import { Identifiable } from "../../data";
+import { Identifiable } from "@/data";
 
 type SequenceGenerator = {
     (): string;

src/provider/dummy/student.ts

@@ -1,4 +1,4 @@
-import { Course, InternshipProgramEntry, Student } from "../../data"
+import { Course, InternshipProgramEntry, Student } from "@/data"
 import { makeIdSequence } from "./helpers";
 
 const programEntryIdSequence = makeIdSequence();

tsconfig.json

@@ -18,7 +18,11 @@
     "isolatedModules": true,
     "noEmit": true,
     "jsx": "react",
-    "sourceMap": true
+    "sourceMap": true,
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
   },
   "include": [
     "src"

webpack.config.js

@@ -13,6 +13,9 @@ const config = {
     },
     resolve: {
         extensions: ['.tsx', '.ts', '.js'],
+        alias: {
+            '@': path.resolve(__dirname, './src'),
+        }
     },
     module: {
         rules: [{