Как перевести следующий веб-пакет 1 код на webpack 2 code

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 1 до WebPack 2, поэтому первое, что я сделал, чтобы заменить загрузчик или загрузчики со словом «использование».

Он работает в большинстве случаев, 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' 
    } 
]