编程

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

1350 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:

  • 你无需忽视(ignore) /public/build - 如果存在请删除
  • 你无需忽视(ignore) /public/hot - 如果不存在请添加

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

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