Laravel的vite-plugin包怎么使用

晶晶 • 02/21 13:01 • 开发 • 阅读 152

这篇文章主要介绍“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文件的方法是什么”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“vue读取本地excel文件的方法是什么”免费云主机…