概述

assets 文件夹主要用来存放静态资源，如图片、字体、视频等

assets与public的区别:

1 public 文件夹的资源可以直接被引用，无需经过webpack,vite打包，可以直接使用

2 assets 文件夹的资源会被vite,webpack等打包处理

注意

vite默认会把assets文件夹里 4k 以下的资源,打包成base64，体积大的资源会打包到 dist 的目录下
导入 assets 的资源需要使用import,或者new url()处理,否则生产和本地路径不一样
小程序开发,对于大于4k的文件,统一使用cdn远程地址

目录规范

assets 文件夹放到和 hooks 同级的目录下，每一个业务模块都有自己的 assets 文件夹，如：

|- home
| -| assets
|- detail
| -| assets

命名规范

TIP

命名中只能含有英语版下划线 "_"，数字和小写字母（其它符号都是非法符号）
并且不能以下划线（"*"）或者数字开头
命名模板为：缩写_主界面_功能部分_状态(可选)

:::

类型	缩写	备注
icon	ic,icon	iconfont,svg 等小图标
background	bg	适用于背景的大图片
image	img	普通的展示图片
button	btn	替代按钮相关的图片

js

ic_search_append.svg
ic_launcher.png
bg_home_header.png
img_address.jpg
btn_login_normal.png

参考

vite 静态资源