小程序转换器,基于支付宝/微信小程序转换为多端小程序,让小程序跨平台开发变得简单。
一键实现小程序转换迁徙,不再为重复开发而烦恼。
-
简单易使用,一键转换
-
配套详细的编译时日志/运行时日志工具
-
编译生成代码可读性强,可二次编程
-
二次编译支持
-
组件转换支持
为代码快速编译实现的底层编译器工具
代码编译转换是一个复杂的应用场景,为了应对大型项目的代码编译,我们需要一种安全可靠,同时又足够便利的架构模型,,经过长时间的迭代,目前 已经沉淀除了一套代码编译的最佳实践解决方案。
编译流程图
我们推荐使用 npm 或 yarn 的方式进行开发,不仅可在开发环境轻松调试,也可放心地在生产环境打包部署使用,享受整个生态圈和工具链带来的诸多好处。
-
全局安装
$ npm install antmove -g
或
$ yarn global add antmove
-
本地安装
$ npm install antmove --save
或
$ yarn add antmove
如果你的网络环境不佳,推荐使用 cnpm。
-
安装扩展(Antmove - antmove-vscode-plugin)
-
在 VsCode 中打开要转换的项目
-
打开 VsCode 命令面板
-
Mac: command + shift + p
-
Windows: ctrl + shift + p
-
输入 Antmove
-
运行 Antmove: Run antmove 命令
-
运行如上命令后会给出一个弹窗,选择转换后生成代码存储目录
-
转换完成
-
antmove-vscode-plugin
本插件依赖于 vscode 代码编辑器,安装了 vscode 的用户才能使用。
npm i -g antmove
通过 npm 或 yarn 全局安装才能使用如下命令行
-
antmove wx-alipay(使用前请将终端切换到需转换编译的微信小程序项目路径)
antmove wx-alipay -i ./ -o ./dist/alipay-app
-
antmove - 该命令更加灵活,可配置输出输出目录/编译模式等
antmove wx-alipay -i ./wechat-mini/project -o ./dist/alipay-mini/project --env development
如上的命令表示将 ./wechat-mini/project 微信小程序项目转换为支付宝小程序项目,转换到 ./dist/alipay-mini/project 目录 如果你不想输入参数,可以体验交互式的命令方式,执行 antmove 即可。
-
--input,-i
-
可选,编译源码目录,如果不传则是当前目录
-
--output,-o
-
必传,编译输出目录
-
--env,-e
-
可选(development/production),编译模式,生产模式代码会压缩,无编译日志及运行时日志
更多配置项可参考配置参数详情。
const path = require('path');const transformFramework = require('antmove');const WechatPlugin = require('@antmove/wx-alipay');let outputPath = path.join(__dirname, '../../dist');let inputDirPath = path.join(__dirname, '../../examples/miniprogram-demo/miniprogram');const App = transformFramework();App.use( WechatPlugin, { entry: inputDirPath, dist: outputPath + '/alipaymini-demo', env: 'development' }) .start();
获取地址关注后私信回复“小程序转换”
网友评论