带有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，它显示如何将选项作为查询字符串传递