配置webpack babel loader与在package.json中配置它有什么区别？

大家好，请帮助我理解在.babelrc内部设置babel配置与在package.json中插入Web包加载程序选项之间的区别

          {
            test: /\.(js|jsx|mjs)$/,
            loader: require.resolve('babel-loader'),
            options: {
                 "presets": [
                    "react-app"
                  ]
            },
          },

例如，如果我将预设放在webpack babel loader options vs package.json或单独的.babelrc配置文件中，会有什么不同吗

          {
            test: /\.(js|jsx|mjs)$/,
            loader: require.resolve('babel-loader'),
            options: {
                 "presets": [
                    "react-app"
                  ]
            },
          },

在网页包配置中：

          {
            test: /\.(js|jsx|mjs)$/,
            loader: require.resolve('babel-loader'),
            options: {
                 "presets": [
                    "react-app"
                  ]
            },
          },

在包json中：

          {
            test: /\.(js|jsx|mjs)$/,
            loader: require.resolve('babel-loader'),
            options: {
                 "presets": [
                    "react-app"
                  ]
            },
          },

  "babel": {
    "presets": [
      "react-app"
    ]
  },

网页包配置：

          {
            test: /\.(js|jsx|mjs)$/,
            loader: require.resolve('babel-loader'),
            options: {
                 "presets": [
                    "react-app"
                  ]
            },
          },

在webpack.conf.js（no.babelrc）中完全配置babel加载程序

          {
            test: /\.(js|jsx|mjs)$/,
            loader: require.resolve('babel-loader'),
            options: {
                 "presets": [
                    "react-app"
                  ]
            },
          },

网页包配置+.LRC：

          {
            test: /\.(js|jsx|mjs)$/,
            loader: require.resolve('babel-loader'),
            options: {
                 "presets": [
                    "react-app"
                  ]
            },
          },

在webpack.conf.js中启用babel加载程序，让options对象为空。 在.lrc中配置选项。Webpack将使用babel加载程序和.babelrc中给出的选项

          {
            test: /\.(js|jsx|mjs)$/,
            loader: require.resolve('babel-loader'),
            options: {
                 "presets": [
                    "react-app"
                  ]
            },
          },

---

如果您有.babelrc，您可以删除webpack预设选项，因为babel loader使用的是babel，这显然是对.babelrc的尊重。

谢谢，package.json怎么样，这有什么关系？package.json为人们提供了一种简单的方法来跟踪他们在应用程序中使用的包。在webpack设置中，您希望使用webpack dev服务器进行一些基本配置和一个名为wepback.config.js的配置文件，Hope，下面的链接帮助：babel config可能有很多代码，因此将其放入webpack.config中可能最后一个

          {
            test: /\.(js|jsx|mjs)$/,
            loader: require.resolve('babel-loader'),
            options: {
                 "presets": [
                    "react-app"
                  ]
            },
          },