reactjs - Webpack Babel-关于.babelrc

嗨，您只是想知道是否有任何理由让.babelrc文件存储预设，而不是在webpack.config文件中拥有预设（除了能够在另一个项目中重新使用babelrc文件）。
我有一个使用.babelrc文件的应用程序可以正常运行，如下所示：

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

然后，我将应用程序移动到另一个没有.babelrc文件的webpack结构中：

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

奇怪的是，该应用程序现在停止处理我的server.js文件中的jsx和'import'关键字等问题。仅当我重新添加babelrc文件时，它才有效。谁能解释为什么它仅适用于babelrc文件？

最佳答案

在babel-loader中将加载程序更改为webpack.config.js，然后需要使用以下命令安装它们

npm install babel-loader babel-core babel-preset-es2015 --save-dev

还要确保已安装babel-preset-react

命令

webpack.config.js

 module: {
    loaders: [
      {
        test: /\.js?$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel-loader',
        query: {
          presets: ['react', 'es2015', 'stage-0'],
          plugins: ['react-html-attrs', 'transform-decorators-legacy'],
        }
      }
    ]
  },

关于reactjs - Webpack Babel-关于.babelrc，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39894147/