Javascript 如何创建和打包web组件库，以便在您自己的web ui项目中使用

我正在寻找一个大的组件库，将最简单的组件库放在一起作为概念证明。这里的问题是关于开发环境和分布的

图书馆将用英文书写。假设这是最简单的组件：

MyFirstComponent.ts

class MyFirstComponent extends HTMLElement {
    constructor() {
        super();

        this.textContent = "Lorem ipsum";
    }
}

customElements.define('my-first-component', MyFirstComponent);

问题 如何将MyFirstComponent库与我已经/将要创建的其他项目共享？我从一个私有的角度来看，没有将组件放到公共领域，尽管我有兴趣在这里看到任何选项

我会从我的库中部署

Typescript

和

Javascript

文件吗

我追求任何为公共项目或公司内部项目提供专业指导的人

脚本 假设我已将项目1创建为一个

nodejs

项目，并希望使用MyFirstComponent库。我不希望Project 1和MyFirstComponent库都位于同一个

git存储库中

该机制有望集成到CI/CD工作流中

调查及结果
到目前为止，我的研究还没有得出很多结论

我遇到过这样一个公司，它似乎提供了上述工作流程，还提供了其他一些很好的建议

或者，我想的唯一其他方法是将库创建为
nodejs
项目，并将其推送到npm存储库，然后在项目中安装MyFirstComponent库包

我问了一个不同的问题，
有很多好的建议。@abraham谢谢，看起来不错。