用于ng-annotate-loader＆amp;的js的webpack配置巴贝尔装载机

Question

我已尝试过两种方法同时为我的* .js文件使用ng-annotate和babel加载器。

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