使用alita 将React Native项目转化为小程序

1.通过npm全局安装alita

2.官方文档说明可以直接通过react native init一份项目直接转化，不过试了试，有问题，小程序一直报未找到入口文件 app.js，所以尽量使用alita官方提供的examples文件，所以可以clone一份HelloWorldRN，将文件名改为你的项目名就可以了：比如Demo

3.使用命令转化为小程序

4.安装相关依赖

5.将Demowp导入到微信开发者工具运行即可！Alita生成的小程序使用了小程序的npm功能， 所以需要在微信开发者工具下构建npm， 工具 -->构建npm

6.运行效果

github: https://github.com/areslabs/alita

对于webpack的基础知识，可先参考： https://www.jianshu.com/p/229ada907eaa

https://github.com/zrfzhouruifeng163/RNWebAppDemo.git

使用vscode 打开项目，然后依次执行命令：

最终浏览器会打开一个页面，如下：

表示成功。

根目录建立web文件夹，web下建立webpack.config.js, .babelrc 和public目录，

public目录下建立index.html。

然后执行命令： npm install.

建议不要对其中的版本做修改，以免运行不正常。

注意src="main.bundle.js",要与webpack.config.js中output属性的名字一样，表示该index引用的是那个生成的文件。

web版本的入口文件

其中的App：

---