V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
TomatoYuyuko
V2EX  ›  问与答

webpack/nuxt 里有没有方法,在编译时把一个字符串识别为静态文件路径?

  •  
  •   TomatoYuyuko · 2021-06-10 15:51:02 +08:00 · 503 次点击
    这是一个创建于 1262 天前的主题,其中的信息可能已经有所发展或是发生改变。
     parser.load(
            '@/assets/animation/part6.svga',
              function(videoItem) {
              player.setVideoItem(videoItem)
              player.startAnimation()
            }
    

    这个 parser 插件需要接受一个路径字符串,但是直接用肯定是 404 的,有没有办法让他在编译时被识别?例如放在 src 里就可以用 @/assets/。。。这种方式

    5 条回复    2021-06-10 16:36:06 +08:00
    TomatoYuyuko
        1
    TomatoYuyuko  
    OP
       2021-06-10 16:03:24 +08:00
    顺便说一下,,svga 是二进制文件,用 img 的 src 接过来是不能被识别的。。。
    jguo
        2
    jguo  
       2021-06-10 16:04:44 +08:00
    自己写一个也不难
    Trim21
        3
    Trim21  
       2021-06-10 16:06:21 +08:00 via Android
    你是想把这个字符串替换成对应的文件内容?那应该直接 import,针对 svga 的扩展名设置一个 loader 读取二进制文件就好了
    Trim21
        4
    Trim21  
       2021-06-10 16:07:02 +08:00 via Android
    这说的是 webpack,nuxt 没用过
    TomatoYuyuko
        5
    TomatoYuyuko  
    OP
       2021-06-10 16:36:06 +08:00
    @Trim21 倒也不是,可以理解成,我只是需要这个文件的路径,一个字符串而已,解析交给插件,我不关注内容,问题就是这个路径我拿不到,
    ```
    GET http://localhost:3000/assets/animation/part6.svga 404 (Not Found)
    ```
    正常情况是,例如用 src 引入一张图片,这种是成功的
    ```
    http://localhost:3000/_nuxt/assets/images/part5/full_part05.png
    ```
    我不知道为啥会自动加一个_nuxt 的前缀
    另外如果我主动拼一个前缀,例如./_nuxt/assets/animation/part6.svga 他一样 404 。。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2572 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 10:41 · PVG 18:41 · LAX 02:41 · JFK 05:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.