將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" 
    ] 
} 

希望這會有所幫助。