如何將下面的webpack 1代碼翻譯爲webpack 2代碼

我有以下配置，它來自我從github下載的種子項目。如何將下面的webpack 1代碼翻譯爲webpack 2代碼

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構建項目時發生錯誤。，這是什麼錯誤的原因，我是不是做錯了什麼（可能）:(

來源

2017-02-16 Brk

您可以發佈您充分的WebPack配置（如果可以的話）？再加上錯誤消息 – redconservatory

我會發貼 – Brk

你試過嗎？

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

來源

2017-02-17 04:16:32 thesublimeobject

不，我沒有試過這個，看起來很合理。 – Brk

如何將下面的webpack 1代碼翻譯爲webpack 2代碼

回答

相關問題