vue 中图片放在 static 下还是 src/assets 下？

[yantianqi]

不太明白两个目录的区别？
一般我都是放在 static 下
webpack 中配置 alias
引用图片的时候

<img src="~static/img.png">

不知道正确不正确

[leemove]

static 下的图片一般会被服务器直接处理,我比较喜欢放一些大图,assets 下的图片会被转换成 base64 我比较喜欢放一些小图,减少 http 请求.

[johnniang]

我觉得都可以吧，只是如果在 assets 下的图片如果不太大的话会被转成 Base64 编码，减少请求次数。我建议直接用相对路径试试

[youxiachai]

约定配置法而已.....
有兴趣去查查这个意思.....
所以的区别也就是这个而已..

[murmur]

无所谓 反正构建后的目录和文件名都变了
static 这东西未必也 static。。因为有 cdn 的存在
@johnniang
纠正一点 只是如果在 assets 下的图片如果不太大的话会被转成 Base64 编码 这句话是不对的 转不转 base64 要看 loader 里的参数 你可以配置小于多少 k 自动转 base64

[yongjing]

楼主应该是用的 vue cli 的 webpack 构建模板，
官网有解释，大意是说，能被 webpack 追踪到的静态资源，如 img 标签引入的图片， 可以放到 assets 里，而一些 webpack 无法追踪到的图片，比如通过 css backgrount-image 引入的图片，无法被 webpack 追踪到，只能放到 static 目录。

[yongjing]

附上文档 http://vuejs-templates.github.io/webpack/static.html