使用webpack创建连接的.d.ts

Joh*_*isz 5 javascript typescript webpack

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

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

作为步骤1的一部分,.d.ts还为每个.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
Run Code Online (Sandbox Code Playgroud)

webpack.config.js

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

Ste*_*ath 2

您可以尝试https://www.npmjs.com/package/dts-bundle,但这是实验性的,它不能很好地与Awesome-typescript-loader配合使用。