用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配置的具体应用。