如何在 Laravel 中使用 Vite 将 CSS/JS 资源部署到线上服务器

1516 2023-02-09 08:12:13

使用 Vite 将资源部署到线上服务器，其中一个方式是在本地进行编译然后将编译好的资源推送到仓库。

首先，确保你布局文件中<head>…</head>里有以下 @vite 模板指令：

@vite(['resources/css/app.css', 'resources/js/app.js'])

然后，在本地，你需要运行：

npm run build

它会将资源编译到 public/assets/build 目录，文件名诸如 app.9c74dca2.css 或 app.a6b31529.js。

然后，修改Laravel应用中默认的 .gitignore:

然后，将代码推送到生产环境，你不必在服务器上重新编译，只需 git pull 该代码。

此外，你也可以在服务端将前端编译作为部署的一部分，将其包含在你后续的部署脚本中。