bit-react-compiler-in-depth

没想到,2019年居然还有第二篇。

Bit 定义了一个 Env 的概念,来做构这个事情。例如 https://github.com/teambit/envs 所说,他支持 React JS、React TS、Vue、Angular 等等框架的构建方案。

他把测试环节,也纳入了 Env 里面,专门有一个 bit.envs/testers/mocha 是专门干自动化测试的事情。

bit.envs/compilers/react

这里面的东西还是挺简单的,就是把 .js 和 .jsx 两个后缀的文件,走了一下 Babel。

Babel 的配置如下

而 Babel 相关的代码,则在下面两个文件中

这里面没有什么特殊的东西,主要实现内置 babel 和合并 .babelrc 的方案。

非 JS 的东西去哪了?

继续阅读“bit-react-compiler-in-depth”

bit-react-tutorial 体验

2019 年的第一篇,也可能是 2019 的最后一篇

上半年在做用研业务群的组件跨业务共享方案的时候,曾经看过 bit.dev ,不过当时只是被他的在线预览组件的特性吸引,并没太深入研究这个站点。

但随着下半年越来越多的进行跨业务代码共享,发现传统的 NPM 方式会过于臃肿,组件孵化速度过慢,所以又回过头再研究下 bit.dev 是怎么解决这方面的问题的。

了解 Bit

bit.dev 的文档非常丰富(复杂),挑一些适合大家快速了解和学习的两篇,本文也是从这两篇进行学习的。

Bit 的一些亮点

  • 从已有的组件或项目工程中,直接提取子组件
  • 每一个子组件,都可以独立的进行构建、测试
  • 每个子组件,都会被包裹成独立的 NPM 包

Bit 如何实现的直接提取呢?

继续阅读“bit-react-tutorial 体验”