在單個文件中打包打印輸出

Question

我在源文件夾中的ecmascript 2015模塊模式後面有一羣打字稿文件。我有tsconfig安裝程序輸出轉發的文件到lib文件夾。這很好。但是有什麼辦法可以將它們捆綁到一個可以在瀏覽器中使用的sigle文件中？我希望我的模塊可以通過npm使用，也可以作爲腳本標籤使用。

有關詳細信息，請參閱my dummy github project。嘗試了一口氣打字稿，concat，uglify的方式，但徒勞無功。

Answer 1

使用webpack編譯打字稿，建立單一的包：

1. 安裝的WebPack

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

2. 創建webpack.config.js

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

3. 運行的WebPack

   > webpack