使用react-create-app时.babelrc文件的位置是什么？

Question

我使用react-create-app来构建一个项目，Babel随安装一起打包。 通常.babelrc文件位于项目的根目录中，但我没有在那里看到。 我需要修改文件中的一个预设，但似乎无法找到它。

我是否需要手动创建.babelrc文件或是否已包含？ 如果是这样，文件的位置是什么？

Answer 1

create-react-app利用babel-runtime插件通过react-scripts包中自己的webpack设置运行babel。

在webpack文件本身（ ./node_modules/react-scripts/config/webpack.config.dev.js ）中，它的.babelrc设置为false：

      {
        test: /\.(js|jsx|mjs)$/,
        include: paths.appSrc,
        loader: require.resolve('babel-loader'),
        options: {
          // @remove-on-eject-begin
          babelrc: false,
          presets: [require.resolve('babel-preset-react-app')],
          // @remove-on-eject-end
          // This is a feature of `babel-loader` for webpack (not Babel itself).
          // It enables caching results in ./node_modules/.cache/babel-loader/
          // directory for faster rebuilds.
          cacheDirectory: true,
        },

不幸的是，如果你需要编辑某些内容......你很可能必须使用npm run eject才能访问webpack文件。