dimtrovich/blitzphp-vite

将 viteJs 集成到 BlitzPHP 框架中

1.0.1 2024-09-04 12:06 UTC

This package is auto-updated.

Last update: 2024-09-04 12:09:01 UTC


README

BlitzPHP + viteJs

为 BlitzPHP 集成 ViteJs

BlitzPHP Vite 是一个旨在简单地将 vitejs 集成到 BlitzPHP 的包。

特性

  • ⏱️ 几乎无配置
  • 🧩 易于安装和卸载
  • 🔨 易于自定义
  • ✌️ 支持最常用的框架:reactvuesvlete
  • 🔥 享受模块热替换 (HMR)

安装

composer require dimtrovich/blitzphp-vite

然后在您的项目根目录下执行

php klinge vite:init --framework=<framework>

<framework> 替换为 vuereactsveltenone

或者您可以简单地执行

php klinge vite:init

我们的朋友 klinge 会为您处理剩下的工作 🙃

开始

  • 安装您的 Node 依赖项:npm install
  • 启动 vite 服务器:npm run dev
  • 启动 BlitzPHP 服务器:php klinge serve 或通过您的虚拟主机访问。
  • 这就是全部 =)

注意

npm run dev 不是您应该工作的地方,其主要目的是提供资产,如脚本或样式表。一旦您构建了文件,这就会变得无关紧要,但在它运行时,该包会使用它而不是提供的文件。因此,请确保您从 BlitzPHP 服务器或虚拟主机访问您的项目。

构建您的文件

要组合您的文件,执行

npm run build

此命令将在您的公共目录中生成组合的资产。但如我们之前所说,只要 vite 服务器在运行,包就会使用它而不是组合的文件,所以确保在开发完成后停止它。

重置

命令 composer remove dimtrovich/blitzphp-vite 将删除包,但生成的文件将保留(package.json、vite.config.js 等)。因此,为了避免这种情况,请首先执行以下命令:

php klinge vite:remove

此命令将执行以下操作:

  • 删除 package.jsonpackages.lock.jsonvite.config.js
  • 删除 ressources 目录。
  • 最后,恢复您的 .env 文件。

🔥 需要快速入门吗?

查看我们的 sveltevue 入门应用。

贡献

所有贡献都受欢迎,无论您是否懂得编码、编写文档或帮助查找错误。请勿犹豫,使用 issues 或 pull requests。

许可

MIT 许可证 © 2023 Dimitri Sitchet Tomkeu