vite 只给静态资源前面加前缀
时间: 2024-08-30 11:00:43 浏览: 162
vue3+vite+ts
Vite 是一个现代化的前端构建工具,它在开发模式下使用原生 ES 模块提供快速的热模块替换功能。Vite 对于静态资源的处理有其独特的约定,其中之一就是在开发环境下给静态资源URL加上前缀。这意味着当你在代码中引用一个静态资源(如图片、样式表、JavaScript文件等)时,Vite 会自动为你添加一个特定的前缀,通常是`/assets/`,以便于正确地加载这些资源。
例如,如果你有一个图片文件`logo.png`放在`src/assets`目录下,在你的Vue组件或者JavaScript文件中,你可以直接引用它为:
```javascript
import logo from './assets/logo.png';
```
在开发服务器运行时,Vite 会将这个请求的URL变为带有前缀的形式,如:
```
http://localhost:3000/assets/logo.abcdef12345.png
```
这个前缀是由Vite在内部处理的,目的是为了确保资源可以正确地通过HTTP服务器被找到和加载。在生产环境中,静态资源通常会经过构建步骤并生成一个哈希值,以确保缓存的有效性和版本控制。
阅读全文