Vite 活线插件
Vite已经成为Laravel默认的前端构建工具.
此插件( 由 def: studio (英语)) 配置用于Livewire设置的Vite,允许组件在刀片或类文件发生变化时热重装而不会失去状态.
可用的演示视频 下级 在本页中
安装
在安装前,请仔细阅读我们的文件 https://docs.defstudio.it/vite-livewire-plugin (中文(简体) )
npm install --save-dev @defstudio/vite-livewire-plugin
使用量
可以通过添加 : livewire() 插件到该插件 vite.config.js 文件 :
import {defineConfig} from 'vite';
import laravel from 'laravel-vite-plugin';
import livewire from '@defstudio/vite-livewire-plugin'; // <-- import
export default defineConfig({
//...
plugins: [
laravel([
input: [
'resources/css/app.css',
'resources/js/app.js',
],
refresh: false, // <-- disables laravel autorefresh, to avoid conflicts
]),
livewire({ // <-- add livewire plugin
refresh: ['resources/css/app.css'], // <-- will refresh css (tailwind ) as well
}),
],
});
并在您中添加活线热重装管理器 app.js 文件 :
//..
import {livewire_hot_reload} from 'virtual:livewire-hot-reload'
livewire_hot_reload();
Vite 服务器启动后, 您应该在浏览器控制台上看到init 消息 :
[vite] connecting...
[vite] livewire hot reload ready.
[vite] connected.
从现在开始,当一个 .blade.php 或活线 .php 分类更新, 热重装会触发页面中所有 Livewire 组件的刷新( 以及 app. css 文件 ) :
[vite] css hot updated: /resources/css/app.css
[vite] livewire hot updated.
3⁄4 ̄ ̧漯B 此 Vite 插件, 由于 Livewire 需要在页面中坚持, 无法完全兼容其它当一个插件时会完整刷新页面的插件
.blade.php文件更改( 即 laravel/ vite- plugin 有刷新选项激活) 为了让他们合作,blade文件在**/livewire/**叶片热再装入。 对于 Laravel Vite 插件, 此配置可以解决此问题 :
// vite.config.js
export default defineConfig({
//...
plugins: [
//...
laravel({
// ...
refresh: false,
})
],
});
用法文档( D)
可在以下网址查阅大量文件:
https://docs.defstudio.it/vite-livewire-plugin (中文(简体) )
更改日志
请看 变化 关于最近变化的更多信息. 跟随我们 更多关于这个软件包的更新.
捐款
请看 捐款 详细情况.
安全脆弱性
请审查 我们的安全政策 如何报告安全弱点.
贷项
许可证
麻省理工学院许可证(MIT). 请看 许可证文件 更多信息.