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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 1044 天前的主题，其中的信息可能已经有所发展或是发生改变。

 parser.load(
        '@/assets/animation/part6.svga',
          function(videoItem) {
          player.setVideoItem(videoItem)
          player.startAnimation()
        }

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

parser

videoitem

字符

路径

5 条回复 • 2021-06-10 16:36:06 +08:00

TomatoYuyuko

2021-06-10 16:03:24 +08:00

顺便说一下，，svga 是二进制文件，用 img 的 src 接过来是不能被识别的。。。

jguo

2021-06-10 16:04:44 +08:00

自己写一个也不难

Trim21

2021-06-10 16:06:21 +08:00 via Android

你是想把这个字符串替换成对应的文件内容？那应该直接 import，针对 svga 的扩展名设置一个 loader 读取二进制文件就好了

Trim21

2021-06-10 16:07:02 +08:00 via Android

这说的是 webpack，nuxt 没用过

TomatoYuyuko

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 。。