这篇文章主要介绍“Laravel的vite-plugin包怎么使用”,在日常操作中,相信很多人在Laravel的vite-plugin包怎么使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Laravel的vite-plugin包怎么使用”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!Laravel 团队更新了第一方 Laravel vite-plugin 包, 以支持blade 模板/任意文件更改时的全页重新加载。当你编辑更改的 blade 模板(或你配置的任何其他文件)时,Vite 将重新加载整个页面。开发过程中不再需要手动刷新浏览器!安装新的 Laravel 项目时,你的 vite.config.js
文件中的基本配置如下所示:
import{defineConfig}from'vite'; importlaravelfrom'laravel-vite-plugin'; exportdefaultdefineConfig({ plugins:[ laravel({ input:[ 'resources/css/app.css', 'resources/js/app.js' ], refresh:true, }), ], });
上面的代码片段是一个全新的 Laravel 应用程序附带的;你不需要做任何事情来让热重载在一个新项目上工作。注意 refresh
配置——当设置为 true
时,Laravel Vite 插件会在你更新以下路径中的文件时刷新页面:
routes/** resources/views/**
该约定可能适用于大多数项目,但如果你想包含其他路径或文件,你可以配置刷新属性:
import{defineConfig}from'vite'; importlara免费云主机域名velfrom'laravel-vite-plugin'; exportdefaultdefineConfig({ plugins:[ laravel({ input:[ 'resources/css/app.css', 'resources/js/app.js' ], refresh:[ 'resources/routes/**', 'routes/**', 'resources/views/**', ], }), ], });
让我们设置一个演示 Laravel 应用程序来演示热重载。首先,让我们创建一个新的演示项目:
laravelnewblade-hot-reload--git cdblade-hot-reload
安装项目后,将以下内容添加到 resources/views/
中的welcome.blade.php
文件的 中:
@vite('resources/js/app.js')
接下来,你需要安装 NPM 依赖项并运行 dev 命令:
npminstall npmrundev
到此,关于“Laravel的vite-plugin包怎么使用”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注百云主机网站,小编会继续努力为大家带来更多实用的文章!
这篇“vue读取本地excel文件的方法是什么”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“vue读取本地excel文件的方法是什么”免费云主机…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。