将webpack.config.js从1.x转换为2.x.

Question

以下是我的webpack.config.js文件的模块部分。我了解loaders现在是rules，但我该如何处理查询部分？

这是原始的1.x版本

module: {
   loaders: [
      {
         test: /\.jsx?$/,
         exclude: /(node_modules|bower_components)/,
         loader: 'babel',
         query: {
                  presets: ['es2015', 'stage-2', 'react']
         }
      }
   ]
}

这是我到目前为止2.x版本的内容：

module: {
   rules: [
      {
         test: /\.jsx?$/,
         exclude: /(node_modules|bower_components)/,
         use: 'babel-loader',
         options: {
            // I assume we now use options. How do I handle the presets?
         }
      }
   ]
}

Answer 1

纠正Options usage for babel-loader

module: {
  rules: [
    {
      test: /\.jsx?$/,
      exclude: /(node_modules|bower_components)/,
      use: {
        loader: 'babel-loader',
        options: {
          presets: [
            "es2015",
            "react",
            "stage-2"
          ]
        }
      }
    }
  ]
}

我建议采用上述方法，或在您的应用根目录中创建一个.babelrc文件，并使用以下属性。

{
    "presets": [
        "es2015",
        "react",
        "stage-2"
    ]
}

希望这有帮助。