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