V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
yantianqi
V2EX  ›  程序员

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

  •  
  •   yantianqi · 2018-06-04 17:44:08 +08:00 · 7245 次点击
    这是一个创建于 2145 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    我一般是把一些小图片放在 assets 里面,这样一些小图片就可以处理成 base64 了,或者全放在 assets 下面都可以哇
    e8c47a0d
        5
    e8c47a0d  
       2018-06-04 18:05:50 +08:00   ❤️ 1
    如果是作为界面一部分的话,放在 assets。
    如果是作为内容的图片,建议用 nginx 的 send file 比较快……
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5460 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 43ms · UTC 03:12 · PVG 11:12 · LAX 20:12 · JFK 23:12
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.