如何使用bit在javascript项目中创建typescript组件？

Question

我想在现有的javascript项目中创建一些typescript组件。我的新组件将全部放在一个文件夹中，并将使用react-typescript编译器，而不是其他组件使用的react编译器。如何将此编译器定义到整个文件夹(以及其中的所有组件)，同时将现有编译器保留在项目中所有现有的bit组件上？

Answer 1

您可以在bit中使用override feature。

使用一个特殊的标志(在我的示例中是typescript-components)添加所有新的TypeScript组件，这样可以更容易地覆盖这些组件的编译器。

下面是package.json或bit.json文件中的bit对象的外观示例：

{
    "env": {
        "compiler": "bit.envs/compilers/react@1.0.6"
    },
    "componentsDefaultDirectory": "components/{name}",
    "packageManager": "npm",
    "overrides": {
        "typescript-components/*": {
            "env": {
                "compiler": "bit.envs/compilers/react-typescript@3.1.23"
            }
        }
    }
}

如您所见，项目中的所有组件都将使用react编译器，并且具有typescript-components namespace的所有组件都将使用react-typescript编译器。