Question

我试图对一个非常大的解决方案添加反应，但网站上的一个组件使用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来构建我的资产。

Answer 1

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

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

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

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

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

1 个答案: