cannot resolve module

global.ts

export interface Dict {
    [key: string]: string
}
export const g: string = "g";

index.ts

import { Dict, g } from "./global";
const d: Dict = { key: "value" };
console.log(d, g);

package.json

{
  "name": "app",
  "version": "1.0.0",
  "main": "index.ts",
  "license": "MIT",
  "devDependencies": {
    "@types/node": "^14.0.27",
    "ts-loader": "^8.0.2",
    "typescript": "^3.9.7",
    "webpack": "^4.44.1",
    "webpack-cli": "^3.3.12"
  }
}

tsconfig.json

{
    "include": ["**/*"],
    "exclude": ["node_modules/*"],
    "compilerOptions": {
        "target": "esnext" ,
        "module": "esnext" ,
        "sourceMap": true ,
        "strict": true ,
        "noImplicitAny": true ,
        "moduleResolution": "node" ,
        "types": [
            "node"
        ] ,
        "allowSyntheticDefaultImports": true ,
        "esModuleInterop": true 
    }
}

webpack.config.js

module.exports = {
  target: "node",
  entry: {
    index: "./index.ts",
  },
  output: {
    filename: "[name].js",
  },
  module: {
    rules: [
      {
        test: /\.ts$/,
        use: "ts-loader",
        exclude: /node_modules/,
      },
    ],
  },
};