将打字稿输出捆绑在单个文件中

我在源文件夹中有一堆遵循 ecmascript 2015 模块模式的打字稿文件。我有 tsconfig 设置将转换后的文件输出到 lib 文件夹。效果很好。但是有什么方法可以将它们捆绑在一起形成一个可以在浏览器中使用的文件吗？我希望我的模块可以通过 npm 并作为脚本标签使用。

参考我的虚拟 github 项目 https://github.com/codeblue404/npm-module/了解详情。尝试了 gulp-typescript、concat、uglify 方式，但徒劳。

Use webpack https://webpack.js.org/ with ts-装载机 https://github.com/TypeStrong/ts-loader编译 TypeScript 并创建单个包：

1. 安装webpack

   > npm install webpack ts-loader --save-dev
   

2. Create webpack.config.js

   const path = require('path');
   module.exports = {
      entry: "./src/index.ts",
      output: {
          filename: "bundle.js",
          path: path.resolve(__dirname, 'dist')
      },
      resolve: {
          extensions: [".webpack.js", ".web.js", ".ts", ".js"]
      },
      module: {
          rules: [{ test: /\.ts$/, loader: "ts-loader" }]
      }
   }
   

3. 运行 webpack

   > webpack
   

4. 您可能还需要安装 webpack-cli （当您运行时，消息会告诉您webpack命令）

   > npm install webpack-cli
   

有关配置选项随时间变化的更多信息，请参阅 webpack 和 ts-loader 的文档。