静态资源处理专题
专题说明
本专题介绍 Vite 处理静态资源的方式,包括图片导入、public 目录使用等。
学习目标
- 掌握图片与媒体资源的导入方式
- 理解 public 目录的作用与使用场景
- 区分静态资源与动态资源的处理差异
学习内容
- 图片与媒体资源导入:import 导入、URL 引用
- public 目录与静态资源:无需构建的资源存放
学习建议
实际导入图片资源,观察构建后的文件名变化,理解 Vite 的资源处理机制。
本专题介绍 Vite 处理静态资源的方式,包括图片导入、public 目录使用等。
实际导入图片资源,观察构建后的文件名变化,理解 Vite 的资源处理机制。
在 Vite 项目中,可以通过 import 语句导入图片等静态资源。
public 目录中的资源在构建时会被原样复制到输出目录,不会经过 Vite 处理。
在 JS 中导入一个图片资源,导入的值是什么?
public 目录中的 favicon.ico 文件,在代码中应该如何引用?
导入图片资源并使用的示例代码:import ____________ from './logo.png'
Vite 项目中存放不参与构建处理的静态资源的目录是 ____________