dimtrovich / blitzphp-vite
将 viteJs 集成到 BlitzPHP 框架中
1.0.1
2024-09-04 12:06 UTC
Requires
- php: ^8.1
- blitz-php/framework: ^0.11
Requires (Dev)
- blitz-php/coding-standard: ^1.4
- kahlan/kahlan: ^5.2
- phpstan/phpstan: ^1.4.7
README

BlitzPHP + viteJs
为 BlitzPHP 集成 ViteJs
BlitzPHP Vite 是一个旨在简单地将 vitejs 集成到 BlitzPHP 的包。
特性
- ⏱️ 几乎无配置
- 🧩 易于安装和卸载
- 🔨 易于自定义
- ✌️ 支持最常用的框架:
react
、vue
和svlete
。 - 🔥 享受模块热替换 (HMR)
安装
composer require dimtrovich/blitzphp-vite
然后在您的项目根目录下执行
php klinge vite:init --framework=<framework>
将 <framework>
替换为 vue
、react
、svelte
或 none
或者您可以简单地执行
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.json
、packages.lock.json
和vite.config.js
。 - 删除
ressources
目录。 - 最后,恢复您的
.env
文件。
🔥 需要快速入门吗?


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