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

Posted 2023-02-23

【中文标题】如何使用 bit 在 javascript 项目中创建 typescript 组件？

【英文标题】：How do I create typescript components in a javascript project using bit?

【发布时间】：2020-04-11 02:27:59

【问题描述】：

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

【参考方案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 编译器。