静态文件目录 (public/)

public/

Vite 内置了对 public/ 目录文件的静态资源服务支持

例如,如果我们保存文件 public/robots.txt,那么它将在 https://example.com/robots.txt 中按原样提供

官方文档:Vite - public/ 目录.

dist/client/

$ vite build 之后,所有的静态资源都在 dist/client/

# 页面 `pages/hello-world.page.js` 打包后的浏览器端结果
dist/client/assets/hello-world.b0c3b30b.js
# 文件 `public/robots.txt`
dist/client/robots.txt

注意 Vite:

  • 添加 content hash b0c3b30b 增强缓存能力
  • public/ 下的所有文件复制到 dist/client/

Server static middleware

如果我们使用 Node.js 服务器(即不pre-render应用程序),则可以选择服务静态中间件,例如 express.static()

如果我们有很多大体积的静态文件,我们可能会使用 public/ 目录,以避免 Vite 把所有大型静态资源复制到 dist/client/ 从而减少构建时间