Vue CLI中图片资源存放位置具体是怎样的？

本文共计419个文字，预计阅读时间需要2分钟。

目录 + vue-cli图片资源存放位置

1.public文件夹 - 引用(/开头)

2.assets文件夹 - 引用(./或@开头)

vue-cli图片和第三方资源存放位置assets下vue-cli图片资源存放位置

目录

• vue-cli图片资源存放位置
• 1. public文件夹 - 引用(以/开头)
• 2. assets文件夹 - 引用（./或@/开头）
• vue-cli图片和第三方资源放的地方
• assets下

vue-cli图片资源存放位置

vue-cli3.0有两个放置静态资源的目录分别是public和assets。

1. public文件夹 - 引用(以/开头)

background-image: url('/search2.png');

2. assets文件夹 - 引用（./或@/开头）

<img src="@/assets/logo.png" alt="">

1. public放不会变动的文件

public/ 目录下的文件并不会被Webpack处理：它们会直接被复制到最终的打包目录（默认是dist/static）下。