我们荣幸地宣布Bit with Angular 8+已发布公开测试版。现在你可以用它在不同项目之间共享Angular组件了，整个团队也可以协作使用组件，从而更快地构建应用程序。

2018年Bit诞生，为前端业界带来了一条共享和构建组件的新途径。Bit的组件平台已帮助超过5万开发者和他们的团队共享组件并协同构建应用。

在此之前Bit主要支持的是React。但我们几乎每天都能收到很多请求，希望我们更好地支持Angular和Vue。今天Bit with Angular发布了公开测试版，支持Vue的版本也即将推出。下面来看看具体内容。

试用Bit with Angular

上手教程

为了帮助大家更好地体验为Angular组件协作打造的Bit版本，我们准备了一个手把手教程，演示如何在两个项目之间共享组件。你还可以在自己的bit.dev收藏夹中找到你的组件。

只需安装bit-cli并注册bit.dev帐户就可以跟随教程学习了。

使用实时Angular组件

这项功能让你可以先预览组件的效果，再决定是否用在项目中。

bit.dev为导出到网站上的组件提供了一个展示环境，帮助你预先体验找到的组件的实际效果，再决定是否用在自己的项目中。

我们为bit.dev展示环境加入了Angular组件支持。当你点进一个Angular组件页面时，Bit将使用angular-cli生成一个Angular应用，并允许你将组件添加到这个应用中。你可以添加应用模块typescript文件以及CSS和HTML文件来使用组件。

找到了你喜欢的组件？那就安装到你的项目中吧。

寻找Angular组件

你可以在bit.dev上使用Angular组件搜索功能找出你的团队和社区共享的组件。组件从项目导出到bit.dev时会自动附加与上下文相关的标签。可以用新加入的Angular标签查找Angular组件。

按上下文、依赖项和包大小搜索组件

你可以使用bit.dev组件搜索过滤器按指定的依赖项或包大小精确定位，更快找到应用所需的组件。想要找到自己的组件吗？只要先导出到bit.dev就行了。

用Angular和Bit开发

Bit组件的Angular编译器

每个bit组件都与一个编译器链接在一起。Bit编译器负责编译或转换源代码，来构建可在另一个项目中运行的文件。

Bit团队现在正式发布了Angular编译器。你可以将它应用到所有从Angular项目共享的组件上。

方法：我们采用了Angular团队的建议，使用ng-packagr作为Bit的Angular编译器的基础。Angular核心团队使用了ng-packagr这个项目作为他们的包管理器。我们也效仿了这条途径。

我们的编译器会将Angular typescript编译为AOT（预编译）代码。构建结果使用Angular Package Format（APF）格式，可以顺利导入Angular项目。

Angular模块就是Bit组件

在Angular应用程序中，@Component就是最基本的构建块。除了组件以外，典型的项目还包括服务、指令和流水线等内容。要在项目中使用这些实体，必须先在Angular模块或ngModule中声明它们。

Angular CLI可以简单地快速生成新模块和实体。Angular提供了一套最佳方法指南，告诉开发者如何将应用程序分解为共享模块和功能模块。

在Bit中任何东西都可以是一个组件。单个服务、流水线或功能函数都可以作为Bit组件导出。但根据我们的经验，最合适的就是ngModule == Bit组件。

Angular核心库依赖项

Angular项目将Angular库（@angular命名空间下的库）作为依赖项。运行Angular时，要求这些依赖项只能在项目中的node_modules层次结构中安装一次。当你使用angular-cli生成Angular项目并定义多个库和应用程序时，CLI将负责处理这部分工作。

当Bit从项目中收集一个组件所需的安装内容时，它会将@angular库作为必需的依赖项。从外部导入组件时，这可能会导致Angular运行时库多次安装，并弹出一些烦人的错误。

这很容易解决。你只要将@angular库也添加为项目中的devDependencies即可。你可能还想放宽一些版本限制。因此，如果你的项目使用@angualr/core 8.1.1或@angualr/core~8.1.0，则devDependencies可以定义为@angular/core ^8.0.0。这样一来你的组件就可以在与你使用的版本区别不大的项目上复用了。

当然最好让Angular库统一在一个版本上，但这一点大家都知道。可以参阅我们的Angular指南获取更多信息。

向Bit和Angular作贡献

虽然Bit现在已经支持Angular 8+了，但你还可以在一些方面帮助我们改善Angular with Bit的体验。例如：

测试组件

Bit将组件的所有文件和依赖项封装在一起，使开发者可以在本地或在云上独立运行和测试它们。在编写Angular应用程序时，测试一直是一大核心要素。但是现在还不能用Bit测试Angular组件。

我们任务列表中的一个关键项目就是构建Angular Tester for Bit，以便开发者可以测试Angular组件。我们的目标是同时为Karma和Jest构建测试器，这样你就可以选择自己喜欢的测试器了。Bit编译器和测试器都是开源的，欢迎大家为这项工作做出贡献！

AngularJS支持

Angularjs（也就是Angular 1）是前端开发业界的革命性产品。它仍在广泛应用，但现在已处于LTS（长期支持）状态。在2018年中期发布的1.7版本是Anguarjs的最后一个版本。因此我们不打算正式支持Angularjs。但Bit是为所有Javascript代码打造的开放平台，因此如果你还想用Angularjs，想要编写自己的编译器和测试器，那也完全没问题。

未来展望

今天我们首次为Angular提供了支持，对Vue的支持也即将面世，不久将发布公开测试版。

为了实现这一目标，我们逐渐开始引入组件封装等新技术，将可复用代码与可随处运行的标准单元打包在一起。组件封装功能将很快推出，我们会发布更多信息。

我们的计划还有很多，且听下回分解。我们希望你会喜欢这个新版本，欢迎大家踊跃反馈！

英文原文：https://blog.bitsrc.io/announcing-bit-with-angular-public-beta-578cbb173690

创作场景

Bit 支持 Angular 并发布公开测试版，对 Vue 的支持也即将面世