已有项目集成

Alita在小程序平台释放了JSX的能力，但是仍有些许局限，此外由于Alita采用的是小程序自定义组件映射React组件，带来了一下静态上面的限制。对于新 的项目来说一般只需要遵守这些规则即可，但是对应已有项目，则很难有此保证。Alita会在执行处理之前预检测，给出不符合规范的地方。

下面我们来具体说明一个已有项目集成Alita的步骤：

1. 首先安装alita运行必须库 npm install --save-dev @areslabs/alita @areslabs/alita-weixin-runtime

2. 入口文件，入口文件必须由@areslabs/router路由构造，且入口文件需要保持足够静态。页面之间的跳转修改为 history 的方式。

3. 添加配置文件 alita.config.js

    module.exports = {
   
        entry: "./src/index.js", // 上面入口文件路径
        output: "./wx-dist",    // 小程序输出目录
    }
   

4. 假如项目有A， B， C 3个页面，可以先在路由中配置页面A，alita会处理所有A页面依赖的文件（B， C依赖文件的会被忽略），把A页调整通过之后，在添加其他 页面

5. 动画修改为 @areslabs/wx-animated 库。

6. 自定义组件的属性是 JSX 片段，属性名必须以 Component 结尾 ，在使用的地方必须 this.props.xxComponent, 不要直接使用 xxComponent。

7. 自定义组件操作 children，必须是 this.props.children , 不要直接 children。 因为 xxComponent , children 的处理比较特殊，需要根据这个全路径 来判断。

8. 高阶组件的限制。

9. 如果项目使用了第三方组件库，可以参考第三方组件库扩展进行处理。

10. 小程序自有能力兼容： 比如微信登陆，微信支付等等