在 Babeljs 配置中使用原生 ECMAScript 模塊

Question

我非常非常困惑將 babel config 與本機 ECMAScript 模塊以及package.json中設置的"type": "module"一起使用。 據我了解 Babel 文檔（此處，在“支持的文件擴展名”下），它應該是可能的。 但是，如果我嘗試使用這樣的配置：

const config = () => {
  const presets = [
    "@babel/preset-react",
    [
      "@babel/preset-env",
      {
        bugfixes: true,
        useBuiltIns: "usage",
        corejs: { version: "3.6", proposals: true },
      },
    ],
  ];
  const plugins = ["@babel/plugin-transform-runtime"];
  return { presets, plugins };
};
export default config;

Error while loading config - You appear to be using a native ECMAScript module configuration file, which is only supported when running Babel asynchronously 。

這是預期的，因為上述文檔指出“本機 ECMAScript 模塊是異步的”。 唉，用async / await噴灑上述配置並不能解決問題。 我正在通過parcel運行babel - 這是parcel的問題嗎？ 我誤解了文檔嗎？ 如果有人能為我澄清一下，我真的很感激。

Answer 1

我有一個類似的問題，閱讀 Babel 站點，我得出結論，無論使用你的 babel 配置，都不是異步調用它。 就我而言，它是開玩笑的 26 歲。
我通過將配置更改為 json 文件 - babel.config.json解決了這個問題。 其他人已將他們的配置文件更改為 commonjs 文件 - babel.config.cjs ，那么您需要將配置文件更改為 commonjs，即使用module.exports = {rest of your config}