web-dev-qa-db-ja.com

webpack babel-loaderを構成する場合とpackage.json内で構成する場合の違いは何ですか？

こんにちは。babelrc内でbabelconfigを設定することと、webpackローダーオプションを設定することと、package.jsonに挿入することの違いを理解するのを手伝ってください。

たとえば、プリセットをwebpack babel-loaderオプションとpackage.jsonまたは別の.babelrc構成ファイルに配置した場合、違いはありますか？

Webpack構成の場合：

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

パッケージjson：

  "babel": {
    "presets": [
      "react-app"
    ]
  },
webpackbabelpackage.jsonbabel-loader
9
Davis Davis

Webpack構成：

webpack.conf.js（.babelrcなし）でbabel-loaderを完全に構成します。

Webpack config + .babelrc：

Webpack.conf.jsでbabel-loaderを有効にし、optionsオブジェクトを空にします。 .babelrcでオプションを構成します。 Webpackは、.babelrcで指定されたオプションを使用してbabel-loaderを使用します。

.babelrcがある場合は、webpackプリセットオプションを削除できます。これは、babel-loaderがbabelを使用しているため、明らかに.babelrcを尊重しているためです。

15
Jayavel