mihatori / codeignitervite
将 viteJs 集成到 codeigniter4 框架中
v2.0.0-beta
2022-08-02 05:24 UTC
Requires
- php: ^7.4 || ^8.0
This package is auto-updated.
Last update: 2024-09-09 09:32:56 UTC
README
Codeigniter + viteJs
Codeigniter4 的 vitejs 集成
Codeigniter vite 是一个旨在以简单方式将 vitejs 与 codeigniter4 集成的包。
功能
- ⏱️ 几乎零配置
- 🧩 易于安装和卸载
- 🔨 易于自定义
- ✌️ 支持大多数使用的框架:
react、vue和svlete。 (SvelteKit 支持,请查看 v2) - 🔥 享受热模块替换 (HMR)
安装
composer require mihatori/codeignitervite
然后在您的项目根目录中运行
php spark vite:init --framework <framework>
将 <framework> 替换为 vue、react、svelte 或 none
或者您可以直接运行
php spark vite:init
我们的伙伴 spark 会为您处理剩余的 🙃
入门
- 安装您的 node 依赖项:
npm install - 启动 vite 服务器:
npm run dev - 启动 CI 服务器:
php spark serve或通过虚拟主机访问。 - 这就完成了 =)
注意
npm run dev并不是您应该工作的地方,它主要的作用是提供资源,如脚本或样式表。一旦您构建了文件,它就变得没有用处,但只要它在运行,包就会使用它而不是捆绑文件。所以请确保从 CI 服务器或虚拟主机访问您的项目。
构建您的文件
要捆绑文件,请运行
npm run build
此命令将在您的 public 目录中生成捆绑的资产。但正如我们之前所说的,只要 vite 服务器在运行,包就会使用它而不是捆绑文件,所以确保在您完成开发后停止它。
卸载
使用 composer remove mihatori/codeignitervite 命令将卸载包,但生成的文件将保留在那里(package.json、vite.config.js 等)。为了避免这种情况,请确保首先运行以下命令
php spark vite:remove
此命令将执行以下操作
- 删除
package.json、packages.lock.json和vite.config.js。 - 删除
resources文件夹。 - 最后,恢复您的
.env文件。
🔥 需要快速入门?
贡献
欢迎所有贡献,无论您是否能够编写代码、编写文档或帮助寻找错误。请自由使用问题或拉取请求。
支持
不幸的是,我喝不了一杯咖啡 💔,但您可以用星标代替 🙃
许可
MIT 许可证 © 2022 Mihatori Kei