2017-07-14 5 views
0

ソースフォルダにecmascript 2015モジュールパターンの後にtypescriptファイルがたくさんあります。私はlibフォルダにtranspiledファイルを出力するためにtsconfigの設定を持っています。それはうまくいく。しかし、それらを一緒にしてブラウザで使用できるファイルにまとめる方法はありますか?私は自分のモジュールをnpmとscriptタグとして利用できるようにしたい。シングルファイルの出力タイプスクリプト

詳細はmy dummy github projectを参照してください。ギャルプタイプスクリプト、連結、醜い方法を試みたが無駄だった。活字体をコンパイルし、単一のバンドルを作成するための

答えて

1

使用webpack

  1. 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" }] 
        } 
    } 
    
  2. ランを作成しWebPACKの

    > npm install webpack ts-loader --save-dev 
    
  3. をインストールWebPACKの

    > webpack 
    
+1

私は実際にライブラリを作成しています。これは間違いなく良いスタートです。しかし、私は蒸留されたjsとバンドルされたjsの場所を分離する必要があります。また、ノード環境とブラウザ環境の両方をサポートする必要があります。私は、jsを作成するgulpを組み込み、ts-loaderを必要とせずにjsからライブラリバンドルを作成するための高度なオプションをwebpackに適用することを検討しています。あなたの意見は何ですか? – Nil

関連する問題