Javascript 在单个文件中捆绑typescript输出

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

有关详细信息，请参阅。尝试了gulp typescript、concat和uglify的方法，但没有成功。

使用with编译typescript并创建单个捆绑包：

安装网页包

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

创建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" }]
   }
}

运行网页包

> webpack

您可能还需要安装webpack cli（当您运行

webpack

命令时，消息会告诉您）

---

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

我实际上正在创建一个库。所以这绝对是一个好的开始。但是我需要分离传输js和捆绑js的位置。还需要同时支持节点和浏览器环境。我正在考虑合并gulp，它将创建js，然后应用webpack wiith高级选项从js创建库包，而不需要ts loader。你怎么看？

> npm install webpack-cli