javascript - 使用 ng-annotate-loader 和 babel-loader 进行 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 ，它展示了如何将选项作为查询字符串传递