使用 webpack 创建串联的 .d.ts答案

【问题标题】：Create concatenated .d.ts with webpack使用 webpack 创建串联的 .d.ts
【发布时间】：2023-04-09 06:08:01
【问题描述】：

我希望使用以下自动化步骤构建我的 TypeScript 项目（在 Visual Studio 中）：

将每个 .ts 文件分别编译为 AMD 模块
将每个创建的 .js 文件与 webpack 捆绑到 release/my-app.js

作为步骤 1 的一部分，还为每个 .ts 文件（除了输出的 Javascript 文件）创建了 .d.ts 文件。我如何将这些定义文件也捆绑在一起，以便它们为捆绑到 my-app.js 输出文件中的内容提供类型定义？

项目布局

MyApp
|-- lib
|   |-- foo.ts
|   |-- foo.js
|   |-- foo.d.ts
|   `-- ...
|-- release
|   `-- my-app.js
|-- main.ts
|-- main.js
|-- main.d.ts
`-- webpack.config.js

webpack.config.js

module.exports = {
    context: __dirname,
    entry: './main.js',
    output: {
        path: path.join(__dirname, 'release'),
        filename: 'my-app.js'
    }
}

【问题讨论】：

标签： javascript typescript webpack

【解决方案1】：

您可以尝试https://www.npmjs.com/package/dts-bundle，但这是实验性的，它不适用于 awesome-typescript-loader。

【讨论】：