javascript - 我可以在一个项目中有 2 个 babelrc 文件吗？

Question

我正在尝试将 React 添加到一个非常大的解决方案中，但网站上的一个组件使用了 Preact。我当前的 .bablerc 是

{
  "presets": ["env"],
  "ignore": [
      "**/what-input.js",
      "**/HostedPCIAdapter.js",
      "InstantPreview/**/*.js",
      "Wishlist/**/*.js"
    ],
  "plugins": [
    "transform-object-rest-spread",
    "transform-react-jsx"
  ]
}

原始的 .baberc 看起来像这样:

{
"sourceMaps": true,
"presets": [],
"plugins": [
[
    "transform-react-jsx",
{
    "pragma": "preact.h"
} 
],
"transform-object-assign",
[
    "transform-es2015-classes",
    {
        "loose": true 
    }
],
"transform-es2015-arrow-functions",
"transform-es2015-block-scoping",
"transform-es2015-template-literals"
]

}

那么我可以为心愿单功能添加 pragma 吗？任何帮助，将不胜感激。我使用 gulp 作为 taskrunner 和 webpack 来构建我的 Assets 。

Answer 1

Babel 文件可以嵌套在具有独特设置的子目录中，这是非常酷的东西。

所以如果你有这样的文件夹结构:

app
    reactCode
        .babelrc
        index.js
    preactCode
        .babelrc
        index.js

您可以为分支添加一个单独的 .babelrc 文件。我不认为它是理想的，但如果您正在使用具有许多不同框架和要求的大型单体解决方案，它肯定可以修复很多错误和 QA 工作。