V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
yantianqi
V2EX  ›  程序员

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

  •  
  •   yantianqi · 2018-01-20 09:39:44 +08:00 · 12706 次点击
    这是一个创建于 2535 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    不知道正确不正确

    6 条回复    2018-01-20 14:58:51 +08:00
    leemove
        1
    leemove  
       2018-01-20 09:51:43 +08:00
    static 下的图片一般会被服务器直接处理,我比较喜欢放一些大图,assets 下的图片会被转换成 base64 我比较喜欢放一些小图,减少 http 请求.
    johnniang
        2
    johnniang  
       2018-01-20 09:53:43 +08:00 via Android
    我觉得都可以吧,只是如果在 assets 下的图片如果不太大的话会被转成 Base64 编码,减少请求次数。我建议直接用相对路径试试
    youxiachai
        3
    youxiachai  
       2018-01-20 09:54:16 +08:00
    约定配置法而已.....
    有兴趣去查查这个意思.....
    所以的区别也就是这个而已..
    murmur
        4
    murmur  
       2018-01-20 09:55:25 +08:00
    无所谓 反正构建后的目录和文件名都变了
    static 这东西未必也 static。。因为有 cdn 的存在
    @johnniang
    纠正一点 只是如果在 assets 下的图片如果不太大的话会被转成 Base64 编码 这句话是不对的 转不转 base64 要看 loader 里的参数 你可以配置小于多少 k 自动转 base64
    yongjing
        5
    yongjing  
       2018-01-20 14:57:37 +08:00
    楼主应该是用的 vue cli 的 webpack 构建模板,
    官网有解释,大意是说,能被 webpack 追踪到的静态资源,如 img 标签引入的图片, 可以放到 assets 里,而一些 webpack 无法追踪到的图片,比如通过 css backgrount-image 引入的图片,无法被 webpack 追踪到,只能放到 static 目录。
    yongjing
        6
    yongjing  
       2018-01-20 14:58:51 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2644 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 06:51 · PVG 14:51 · LAX 22:51 · JFK 01:51
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.