用webpack配置babel

Question

我想用webpack配置babel。到目前爲止，我已經看到了兩條路線，並且想知道有什麼不同。

路徑1 在webpack.config.js文件包括以下

loaders: [{ 
      test: /\.js$/, 
      exclude: /node_modules/, 
      loader: 'babel-loader', 
      query: { 
       presets: ['es2015'] 
      } 
     }] 

路徑2在webpack.config.js包括下列

loaders: [{ 
      test: /\.js$/, 
      exclude: /node_modules/, 
      loader: 'babel-loader' 
     }, 

，幷包括以下在單獨的.babelrc文件中

{ 
    "presets": [ 
     "es2015" 
    ]  
} 

兩者有什麼區別什麼是首選方法？

Answer 1

定義webpack配置中的加載器上的babel配置僅適用於webpack，而使用.babelrc將以任何方式影響使用babel的所有內容（例如babel-register或babel-node）。

如果你只使用webpack，它沒有什麼區別，但只要你需要一些不使用webpack的東西，比如你想要使用的功能的服務器或測試框架，還沒有在節點中可用，你也需要爲它配置babel。

使用.babelrc通常是首選，只要你想有一個大致的通天配置，如果你需要重寫設置你仍然可以做到這一點的像的WebPack配置的具體應用。