帶有ng-annotate-loader＆babel-loader的js的webpack配置

Question

我已經嘗試了2種使用ng-annotate和babel加載器的同時爲我的* .js文件使用的方法。

{ //this worked 
    test: /\.js?$/, 
    loader: 'ng-annotate!babel?presets[]=es2015' 
} 

{ // this broke down 
    test: /\.js?$/, 
    loader: 'ng-annotate!babel-loader', 
    query: { 
     presets: ['es2015'] 
    } 
} 

爲什麼第二個加載器配置不起作用？有任何想法嗎？

Answer 1

一些挖我發現這個作爲解決方案後：

{ 
    test: /\.js$/, 
    exclude: /(node_modules|bower_components)/, 
    loaders: ['ng-annotate', 'babel?presets[]=es2015'] 
}, 

我相信這件事情做的WebPack如何加載查詢/預設。它不知道預置適用於哪個加載器。

請參閱babel-loader options，它顯示如何將選項作爲查詢字符串傳遞