如何使用位在javascript项目中创建打字稿组件？

Posted 2023-01-31

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

答案

您可以使用override feature中的bit。使用特殊标志（在我的示例中为typescript-components）添加所有新的TypeScript组件，因此将更容易覆盖这些组件的编译器。这是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编译器。