vue 中放图片放在 static 下面还是 assets 下面

yantianqi · 2018-06-04T09:44:08Z

然后在 vue 文件中引用图片的时候怎么引用的放到 static 下面，在 webpack 中 alias 中添加 static 目录 ~static/img.png 用相对路径？每次都../../

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 2890 days ago, the information mentioned may be changed or developed.

然后在 vue 文件中引用图片的时候怎么引用的

放到 static 下面，在 webpack 中 alias 中添加 static 目录 ~static/img.png
用相对路径？每次都../../

Static

Vue

引用

中放

5 replies • 2018-06-04 18:05:50 +08:00

g1165297373

Jun 4, 2018

static 一般是服务端用的多一点。
前端的一般用 assets
个人感觉是命名习惯，没有对错

w3313003

Jun 4, 2018

用 vuecli 的话默认情况下 static 中的文件不会经过 webpack 相关 loader 处理

zhlssg

Jun 4, 2018 via iPhone

其实用相对路径更好，文件跳转更方便

Elephant696

Jun 4, 2018

看你的需求了，assets 里面的图片是会经过 webpack 的 loader 处理的，而 static 里面的图片是被直接复制到 dist/static 下面的。

我一般是把一些小图片放在 assets 里面，这样一些小图片就可以处理成 base64 了，或者全放在 assets 下面都可以哇

e8c47a0d

Jun 4, 2018

如果是作为界面一部分的话，放在 assets。
如果是作为内容的图片，建议用 nginx 的 send file 比较快……