如何解决用离子和反应和电容器创建一个 monorepo
我知道 Ionic 无法处理使用 react-app-rewired
https://github.com/ionic-team/ionic-cli/issues/4430
正如这篇文章中所建议的,我使用多应用选项 (https://ionicframework.com/docs/cli/configuration#multi-app-projects) 配置我的 monorepo
为了验证项目结构,我首先尝试共享一个简单的常量。
import * as ROLES from '../../../../lib/constants'
但是当我启动 ionic serve --project=app
遇到这个错误:
未找到模块:您试图导入 ../../../../lib/constants 它位于项目 src/ 目录之外。相对进口 不支持 src/ 之外的内容。
项目结构:
ionic.config.json
{
"defaultProject": "myProject","projects": {
"app": {
"name": "My First Ionic App","type": "react","root": "packages/app","integrations": {
"capacitor": {}
},}
}
}
如何管理共享文件和组件?
谢谢
解决方法
好的,几天后。我有一个用 Ionic & Capacitor 构建 monorepo 的答案!
1 - 使用 Yarn 工作区构建您的 monorepo
本教程简单明了:Reference Stackblitz
然后你将使用 react-app-rewired
而不是 'react-scripts`
2 - 然后不要使用使用 ionic serve
的 react-scripts
react-app-rewired start
3 - 和电容器!
命令 ionic cap run
也使用 react-scripts
然后你必须找到一个替代
答案在这里https://jibin.tech/monorepo-with-create-react-app/:不要使用 Ionic CLI
Capacitor 支持具有实时重新加载功能的 CLI。
在capacitor.config.json中,创建一个server entry然后配置url字段 使用本地 Web 服务器的 IP 地址和端口:
"server": { "url": "http://192.168.1.68:8100","cleartext": true },
奖励:我创建了一个脚本来自动更新capacitor.config.json https://capacitorjs.com/docs/guides/live-reload
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。