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

2018-06-04 17:44:08 +08:00
 yantianqi

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

  1. 放到 static 下面,在 webpack 中 alias 中添加 static 目录 ~static/img.png

  2. 用相对路径? 每次都../../

7325 次点击
所在节点    程序员
5 条回复
g1165297373
2018-06-04 17:49:41 +08:00
static 一般是服务端用的多一点。
前端的一般用 assets
个人感觉是命名习惯,没有对错
w3313003
2018-06-04 17:50:55 +08:00
用 vuecli 的话默认情况下 static 中的文件不会经过 webpack 相关 loader 处理
zhlssg
2018-06-04 18:01:02 +08:00
其实用相对路径更好,文件跳转更方便
Elephant696
2018-06-04 18:02:05 +08:00
看你的需求了,assets 里面的图片是会经过 webpack 的 loader 处理的,而 static 里面的图片是被直接复制到 dist/static 下面的。

我一般是把一些小图片放在 assets 里面,这样一些小图片就可以处理成 base64 了,或者全放在 assets 下面都可以哇
e8c47a0d
2018-06-04 18:05:50 +08:00
如果是作为界面一部分的话,放在 assets。
如果是作为内容的图片,建议用 nginx 的 send file 比较快……

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/460301

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX