网上搜了好多,都说放在根目录,我怎么放都不对,可能我就是头蠢居,根目录根目录到底哪个算是根目录!
后面我问了AI才知道,放在public下边就行了,public是根目录???
哦,的确是的...感觉我学了个寂寞
- 在 Vite 项目中,
public
文件夹被视为静态资源的根目录。Vite 会将public
文件夹中的文件直接复制到构建输出目录中,并且这些文件可以通过根路径访问。public
文件夹:这个文件夹用于存放不需要经过 Vite 处理的静态资源,例如favicon.ico
、robots.txt
等。
所以它到底是怎么工作的呢?
构建过程
当你运行 vite build 命令时,Vite 会执行以下操作:
- 将 public 文件夹中的所有文件复制到构建输出目录的根目录下。
- 生成优化后的 JavaScript 和 CSS 文件,并将其放置在构建输出目录中。
访问静态资源
在开发模式下(vite dev
),Vite 会提供一个开发服务器,public
文件夹中的文件可以直接通过根路径访问。例如,如果你的应用运行在 http://localhost:3000
,你可以通过 http://localhost:3000/favicon.ico
访问 favicon.ico
。
就这么简单,我果然是头蠢居 🦌