javascript - 使用 webpack 创建串联的 .d.ts

Question

我希望通过以下自动化步骤构建我的 TypeScript 项目(在 Visual Studio 中):

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

作为步骤 1 的一部分，还为每个 .ts 文件创建了 .d.ts 文件(除了输出 Javascript 文件之外)。我如何将这些定义文件也捆绑在一起，以便它们为捆绑到 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'
    }
}

Answer 1

你可以试试 https://www.npmjs.com/package/dts-bundle , 但这是实验性的，它不能很好地与 awesome-typescript-loader 一起工作。