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

【问题标题】：How do I create typescript components in a javascript project using bit?如何使用 bit 在 javascript 项目中创建 typescript 组件？
【发布时间】：2020-04-11 02:27:59
【问题描述】：

我想在现有的 javascript 项目中创建一些打字稿组件。我的新组件将全部放在一个文件夹中，并将使用 react-typescript 编译器，而不是其余组件使用的 react 编译器。如何将此编译器定义到整个文件夹（以及其中的所有组件），但将现有编译器保留在项目中所有现有的位组件上？

【问题讨论】：

标签： javascript reactjs typescript components bit.dev

【解决方案1】：

您可以在bit 中使用override feature。
使用特殊标志添加所有新的 TypeScript 组件（在我的示例中为typescript-components），这样更容易覆盖这些组件的编译器。
下面是package.json 或bit.json 文件中的位对象的示例：

{
    "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 编译器。

【讨论】：