用ng-注释-加载程序和babel-加载器为js配置webpack

Question

我尝试了两种方法同时使用ng注释和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-装载机选项，它显示了如何将选项作为查询字符串传递。