不太明白两个目录的区别?
一般我都是放在 static 下
webpack 中配置 alias
引用图片的时候
<img src="~static/img.png">
不知道正确不正确
1
leemove 2018-01-20 09:51:43 +08:00
static 下的图片一般会被服务器直接处理,我比较喜欢放一些大图,assets 下的图片会被转换成 base64 我比较喜欢放一些小图,减少 http 请求.
|
2
johnniang 2018-01-20 09:53:43 +08:00 via Android
我觉得都可以吧,只是如果在 assets 下的图片如果不太大的话会被转成 Base64 编码,减少请求次数。我建议直接用相对路径试试
|
3
youxiachai 2018-01-20 09:54:16 +08:00
约定配置法而已.....
有兴趣去查查这个意思..... 所以的区别也就是这个而已.. |
4
murmur 2018-01-20 09:55:25 +08:00
无所谓 反正构建后的目录和文件名都变了
static 这东西未必也 static。。因为有 cdn 的存在 @johnniang 纠正一点 只是如果在 assets 下的图片如果不太大的话会被转成 Base64 编码 这句话是不对的 转不转 base64 要看 loader 里的参数 你可以配置小于多少 k 自动转 base64 |
5
yongjing 2018-01-20 14:57:37 +08:00
楼主应该是用的 vue cli 的 webpack 构建模板,
官网有解释,大意是说,能被 webpack 追踪到的静态资源,如 img 标签引入的图片, 可以放到 assets 里,而一些 webpack 无法追踪到的图片,比如通过 css backgrount-image 引入的图片,无法被 webpack 追踪到,只能放到 static 目录。 |
6
yongjing 2018-01-20 14:58:51 +08:00
|