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

Question

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

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

Answer 1

create-react-app 通过 react-scripts 包中自己的 webpack 设置利用 babel-runtime 插件到运行 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 文件。

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

What is the location of .babelrc file when using create-react-app?

javascript

ecmascript-6

babeljs

babel-loader

react-create-app