深入理解public和assets文件夹的作用与使用

453 阅读1分钟

一、片头

项目结构中,public 和 assets 文件夹,它们分别用于存放不同的静态资源,本文将详细介绍这两个文件夹的作用以及图片资源的存放和使用方法。

二、public文件夹

用于存放不需要经过任何处理的静态资源文件,可以直接绝对路径访问,当huild构建后里面的静态文件会原样的复制输出目录(默认dist)。

1、作用

  • 静态资源存放:不需要做处理。
  • 绝对路径访问:可以直接通过 / 开头的路径访问,无需担心路径转换问题。

2、图例

image.png image.png

构建后并没有看到pulic文件夹复制过来的有做hash和其他处理

三、assets文件夹

public 文件夹不同,assets 文件夹用于存放那些需要经过处理的资源文件。

assets这里会包括css、js、img、font等。

这些文件会进行必要的编译、压缩和缓存优化。

1、作用

  • 资源处理:  会进行必要的资源处理。
  • 加载器支持:  可提供加载器来处理。
  • 构建优化:  在构建过程中,会自动处理这些文件,复制到输出目录。

2、图例

image.png image.png

四、总结

public 和 assets 文件夹的作用以及图片资源的存放和使用方法有了更深入的理解。合理利用这些文件夹,可以有效提升资源加载效率,优化用户体验,为构建高性能