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

时间:2016-04-12 16:40:46

标签: javascript typescript webpack

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

  1. 将每个.ts文件分别编译为AMD模块
  2. 将每个创建的.js文件与webpack捆绑到release/my-app.js
  3. 作为第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
    

    webpack.config.js

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

1 个答案:

答案 0 :(得分:2)

您可以尝试https://www.npmjs.com/package/dts-bundle,但这是实验性的,并且与 awesome-typescript-loader 不兼容。