MorJS 编译运行
2023-10-27 17:04 更新
使用 MorJS 的 compile 命令可以把 MorJS 代码编译成不同端的代码,然后在对应的开发工具中查看效果。MorJS 初始的编译命令配置了 dev 和 build 两种模式:
- dev 模式(增加 --watch 参数)将会监听文件修改。
- build 模式(增加 --production 参数)将对代码进行压缩打包。
执行 npm run dev 命令,进行浏览调试:
[mor] ℹ 发现配置文件: mor.config.ts
[mor] ✔ 配置文件加载成功: mor.config.ts
[mor] ℹ 准备配置中, 即将开始编译 👇
配置名称: wechat-miniprogram
编译目标: 微信小程序
编译环境: development
编译类型: 小程序
编译模式: bundle
源码类型: wechat
源码目录: src
输出目录: dist/wechat
[mor] ℹ 已开启缓存, 可通过 --no-cache 关闭
[mor] ℹ 启动文件监听模式
[mor] ℹ 开始编译 ...
[mor] ℹ 依赖分析中 ...
[mor] ℹ 依赖分析完成: 耗时: 25.125412 ms
[mor] ✔ 编译完成, 耗时: 1451.202285 ms
[mor] ℹ 准备配置中, 即将开始编译 👇
配置名称: alipay-miniprogram
编译目标: 支付宝小程序
编译环境: development
编译类型: 小程序
编译模式: bundle
源码类型: wechat
源码目录: src
输出目录: dist/alipay
[mor] ℹ 已开启缓存, 可通过 --no-cache 关闭
[mor] ℹ 启动文件监听模式
[mor] ℹ 开始编译 ...
[mor] ℹ 依赖分析中 ...
[mor] ℹ 依赖分析完成: 耗时: 24.112123 ms
[mor] ✔ 编译完成, 耗时: 441.548922 ms
多端产物已构建在 dist 目录下,分别用对应平台的 IDE 打开即可开发预览:
在 微信开发者工具 中打开 dist/wechat
目录即可开始微信小程序开发预览
在 支付宝小程序开发者工具 中打开 dist/alipay
目录即可开始微信小程序开发预览
以上内容是否对您有帮助:
更多建议: