Webpackからバンドルを無効にする

Question

webcapをtypescriptビルドツールと同じように使用して、各タイプスクリプトファイルが1つのjsファイルに変換されるようにします。

WebPACKのガイドは、この構成を有している：

module.exports = { 
    entry: './app.tsx', 
    module: { 
     rules: [ 
      { 
       test: /\.tsx?$/, 
       use: 'ts-loader', 
       exclude: /node_modules/ 
      } 
     ] 
    }, 
    resolve: { 
     extensions: ['.tsx', '.ts', '.js'] 
    }, 
    output: { 
     filename: 'bundle.js', 
     path: path.resolve(__dirname, 'dist') 
    } 
}; 

質問：はそれが可能ファイルは、1つのJSファイルに変換し、（もっとcompliated）このように、それぞれがtsは

• ことを修正することです
• バンドルが発生せず、module-webpack-boilerplateも生成されません。

発言：

1. 私はそのために、私は可能な場合のWebPACK使用したいいくつかの理由のためにTSCを使用することができます知っています。私は自分のシナリオを単純化した。

2. は非常に同じように聞こえる別の質問がありますが、答えはそこに私のために何も答えません：How to disable bundling in Webpack for development?

Answer 1

私はあなたがバンドル見送るとのWebPACKでローダーを使用したい理解しています。私自身は、これを私の開発プロセスをスピードアップすると考えていました。しかし、あなたがリンクしている質問は答えを正しく述べていると信じています。これは現在可能ではありません。最良の方法は、Webpack設定のdevtoolプロパティを使用してソースマップを有効にすることです。あなたが望むものがすべてTypeScriptを処理するならば、代わりにGulpまたはGruntをdevビルドに使用することもできます。