Webpack入口文件导入同目录文件报模块找不到，该如何正确配置导入？

我在 webpack.config.ts 中使用 Node.js API 编写打包配置，代码内容如下：

import { resolve } from 'path';
import { Configuration } from 'webpack';

export const config: Configuration = {
  // ...
  context: resolve(__dirname),
  entry: {
    swaggerUi: './index.ts'
  },
  // ...
};

当尝试在入口文件 index.ts 中导入其他本地文件时，会触发模块解析失败的问题，入口文件的代码逻辑如下：

import SwaggerUI from 'swagger-ui';
import 'swagger-ui/dist/swagger-ui.css';
import { urlConfig } from './swagger.config';

const ui = SwaggerUI({
  url: urlConfig.url,
  dom_id: '#swagger',
});

ui.initOAuth({
  appName: 'Swagger UI Webpack Demo',
  clientId: 'implicit'
});

执行打包流程时，控制台会抛出如下错误：

"Module not found: Error: Can't resolve './swagger.config' in '/srv/git/ditsmod/ditsmod/packages/openapi/src/swagger-ui'"

实际项目的文件结构中，swagger.config.ts 与 index.ts 处于完全相同的目录下，目前定位不到配置的错误点，也不清楚怎样调整配置才能让webpack正常识别、解析入口文件导入的同目录依赖。

内容的提问来源于stack exchange，提问作者ktretyak