1.通过npm全局安装alita
npm install -g @areslabs/alita
2.官方文档说明可以直接通过react native init一份项目直接转化，不过试了试，有问题，小程序一直报未找到入口文件 app.js，所以尽量使用alita官方提供的examples文件，所以可以clone一份HelloWorldRN，将文件名改为你的项目名就可以了：比如Demo
3.使用命令转化为小程序
alita -i Demo -o Demowp
4.安装相关依赖
cd Demowp
npm install
5.将Demowp导入到微信开发者工具运行即可！Alita生成的小程序使用了小程序的npm功能， 所以需要在微信开发者工具下构建npm， 工具 --> 构建npm
WX20190814-101144@2x.png
6.运行效果
WX20190814-101249@2x.png
WX20190814-101318@2x.png
1.通过npm全局安装alita 2.官方文档说明可以直接通过react native init一份项目直接转化，...
在React Native中创建“Hello World”程序 创建项目 使用Xcode 使用模拟器 React基...
本片将文章介绍了将React Native项目打包ipa的过程。 1. 打开React Native项目文件，在根...
在将react-native集成到现有的android项目中时，当项目集成完成，运行 “react-native ...
加入新团队后，团队项目使用了React Native。刚开始接触React Native，除了学习React Na...
前言 A React Native Project 一个基于React Native 仿豆瓣电影项目，使用reac...
1、使用 React Native 重写 Git@OSC 客户端react-native-gitosc 项目简介：...
使用最新版React Native移植原生Android项目时，(React Native移植原生Android项...
react-native项目使用了react-native-device-info(^0.21.5),在安卓编译时...
React Native 官网提供了在 Activity 中使用 React Native 组件的方法，最近项目需...
本文标题：使用alita 将React Native项目转化为小程序
本文链接：https://www.haomeiwen.com/subject/dowwjctx.html
网友评论