阅读 367

React Native转小程序引擎Alita:引入Typescript支持

Alita(github.com/areslabs/al…)在处理React语法的时候,采用了一种运行时处理JSX的技术,相对于社区流行的编译时方案,在JSX语法的支持上更加完备,关于运行时处理JSX的原理,详情请看。 简单来讲运行时方案,把小程序看成是底层渲染平台,上层仍然运行的是React代码。

随着Typescript越来越流行,越来越的React Native项目开始使用Typescript开发,Alita自1.3.1版本引入对Typescript的支持。

初始化脚本

首先,alita支持在 init命令下,提供--typescript选项,通过指定--typescript, 可以建立一个初始的Typescript项目。

react-native init myapp && alita init myapp --typescript
复制代码

注意 RN 0.60 以后的项目,IOS需要依赖CocoaPods,导致初始化项目很缓慢,可以通过 --version 指定版本。

init命令执行完,项目创建完之后。控制台会有如下输出:

转化Typescript 项目

以我们刚刚创建的myapp项目为例。 如果要Alita转化Typescript的项目,要怎么操作呢?

答案是:不用做任何特别的操作, Alita本身会检测ts/tsx文件,做相应处理。

alita -i myapp -o myappwp --watch
复制代码

打开你喜欢的编辑器,开始coding... 吧。

Alita源码

另外 Alita的核心源码部分,包括wx-react, AST转化部分,将渐渐用Typescript改写。

最后

欢迎 试用 & issue & star

关注下面的标签,发现更多相似文章
评论