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

2021-06-10 15:51:02 +08:00
 TomatoYuyuko
 parser.load(
        '@/assets/animation/part6.svga',
          function(videoItem) {
          player.setVideoItem(videoItem)
          player.startAnimation()
        }

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

505 次点击
所在节点    问与答
5 条回复
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
你是想把这个字符串替换成对应的文件内容?那应该直接 import,针对 svga 的扩展名设置一个 loader 读取二进制文件就好了
Trim21
2021-06-10 16:07:02 +08:00
这说的是 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 。。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/782664

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX