Node.js 如何将一些文件导入到网页的输入文件中？

我将用于

webpack.config.ts

：

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

export const config: Configuration = {
  // ...
  context: resolve(__dirname),
  entry: {
    swaggerUi: './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'
});

当我尝试将任何文件导入条目文件-

index.ts

时，就会出现问题：

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

export const config: Configuration = {
  // ...
  context: resolve(__dirname),
  entry: {
    swaggerUi: './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'
});

这将抛出一个错误：

“未找到模块：错误：无法解析“/srv/git/ditsmod/ditsmod/packages/openapi/src/swagger ui”中的“/swagger.config”。”

但是

swagger.config.ts

文件实际上与

index.ts

存在于同一目录中

---

我做错了什么，以及如何将一些文件导入到网页的输入文件中？

您似乎缺少

解析

网页选项。您需要指定它，以便webpack知道您要解析

.ts

文件：

解析：{
扩展：[“.ts”、“.js”、“.tsx”]，//如果不需要jsx语法，请删除.tsx
},

是一个名为

swagger.config

或

swagger.config.ts

？@blaumeise20，

swagger.config.ts

的文件，你的网页包配置中有什么

resolve

以及你是否使用

ts loader

？@blaumeise20，在你的评论之后，我添加了

ts loader

，但不幸的是，它没有解决这个问题。配置中的

resolve

选项是什么？谢谢，这似乎解决了所描述的问题，但现在出现了一个新问题-使用compilerOptions.path导入本地文件（例如

import{some}from'@ditsmod/core'

）你能打开另一个问题吗？噢！移除

ts加载程序后

问题消失。也就是说，我唯一要做的就是你在回答中所描述的。