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

Question

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

有关详细信息，请参阅我的虚拟 github 项目。 尝试了 gulp-typescript, concat, uglify 方式，但徒劳无功。

Answer 1

使用webpack和ts-loader编译 TypeScript 并创建一个包：

1. 安装 webpack

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

2. 创建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 的文档。