次のwebpack 1コードをwebpack 2コードに翻訳するには

Question

私はgithubからダウンロードしたシードプロジェクトからの次の構成を持っています。

var atlOptions = ''; 
    if (isTest && !isTestWatch) { 
    // awesome-typescript-loader needs to output inlineSourceMap for code coverage to work with source maps. 
    atlOptions = 'inlineSourceMap=true&sourceMap=false'; 
    }  
config.module = { 
     rules: [ 
      // Support for .ts files. 
      { 
      test: /\.ts$/, 
      // need to be replace with use 
      loaders: ['awesome-typescript-loader?' + atlOptions, 'angular2-template-loader', '@angularclass/hmr-loader'], 
      exclude: [isTest ? /\.(e2e)\.ts$/ : /\.(spec|e2e)\.ts$/, /node_modules\/(?!(ng2-.+))/] 
      } 
    ]} 

私はWebPACKの2までのWebPACK 1のコードを変換しようとしていますので、私がした最初の事は単語「使用」でローダーまたはローダーを交換することです。

それはほとんどの場合で動作し、excpet私は、次のローダーを持っている場合は：

loaders: ['awesome-typescript-loader?' + atlOptions, 'angular2-template-loader', '@angularclass/hmr-loader'] 

私は次のコードにそれをtranlsateしようとしています：

use:[{ loader:'awesome-typescript-loader?' + atlOptions },{ loader:'angular2-template-loader' },{ loader:'@angularclass/hmr-loader' }] 

しかし、私が得ましたwebpackでプロジェクトをビルドしようとするとエラーが発生します。 何、このエラーの原因である私は（おそらく）何か間違ったことをやっている:(

Answer 1

あなたは？

use: [ 
    { 
    loader: 'awesome-typescript-loader' 
    options: { 
     inlineSourceMap: true, 
     sourceMap: false, 
    } 
    }, 
    { 
    loader:'angular2-template-loader' 
    }, 
    { 
    loader:'@angularclass/hmr-loader' 
    } 
]