mihatori / codeignitervite

将 viteJs 集成到 codeigniter4 框架中

v2.0.0-beta 2022-08-02 05:24 UTC

This package is auto-updated.

Last update: 2024-09-09 09:32:56 UTC


README

Codeigniter + viteJs

Codeigniter4 的 vitejs 集成

Codeigniter vite 是一个旨在以简单方式将 vitejscodeigniter4 集成的包。

功能

  • ⏱️ 几乎零配置
  • 🧩 易于安装和卸载
  • 🔨 易于自定义
  • ✌️ 支持大多数使用的框架:reactvuesvlete。 (SvelteKit 支持,请查看 v2)
  • 🔥 享受热模块替换 (HMR)

安装

composer require mihatori/codeignitervite

然后在您的项目根目录中运行

php spark vite:init --framework <framework>

<framework> 替换为 vuereactsveltenone

或者您可以直接运行

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.jsonpackages.lock.jsonvite.config.js
  • 删除 resources 文件夹。
  • 最后,恢复您的 .env 文件。

🔥 需要快速入门?

查看我们的 sveltevue 入门应用程序。

贡献

欢迎所有贡献,无论您是否能够编写代码、编写文档或帮助寻找错误。请自由使用问题或拉取请求。

支持

不幸的是,我喝不了一杯咖啡 💔,但您可以用星标代替 🙃

许可

MIT 许可证 © 2022 Mihatori Kei