Quasar 静态资源的打包

1. / 开头的 url 不会被处理, 开发的时候,会从 / 会认为是 public. build 之后仍然是 /.

2. 相对路径 (点开头的)引入的静态文件,会被认为是模块依赖的, build 产生的 url, 由 Vite 配置决定.

3. ~ 开头的 url 认为是模块请求, 类似 import 语法. Vite 提供了这种模块解析配置. Quasar 中,~ 是开箱即用的, 指向了 assets 路径. 可以用 <img src="~assets/logo.png"> 方式引入.

技巧:

实际使用中, 项目的所有静态文件可以都放在 public 目录下, 然后用相对路径引入, 然后配置 vite 的 base 为 相对路径 ./. 这样不管服务器静态资源如何部署的, 采取相对路径都能确保静态资源的正确引入.