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

Question

以下是我的webpack.config.js文件的modules部分。我明白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" 
      ] 
     } 
     } 
    } 
    ] 
} 

我d建议采用上述方法，或者在您的应用程序根目录中创建一个.babelrc文件， e下面的属性。

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

希望这会有所帮助。