MatijaL
How to use versioned file in my template?
Hello,
I have icons.svg file which contains svg symbols. In my template I use it like this with a verified route:
<svg>
<use xlink:href={ ~p"/images/icons.svg#arrow" }></use>
</svg>
This line of code always calls for icons.svg file, but in production, this file gets versioned to something like icons-83f2a9a213b74424476fb160bbabaec8.svg?vsn=d.
How do I update verified routes to use versioned filename instead of base icons.svg?
Marked As Solved
psantos
Maybe Routes.static_path/2 would help.
<svg>
<use xlink:href={static_path(@conn, "/images/icons.svg") <> "#arrow"}></use>
</svg>
In development static_path/2 will return icons.svg but in production it will return the path to the fingerprinted version.
Also Liked
LostKobrakai
Looking at the code it seems the #arrow part means matching with the cache manifest doesn’t work. Caching uses the path as supplied and doesn’t strip fragments from it, which therefore doesn’t match paths on the filesystem, which don’t have fragments to them.
MatijaL
Thank you for giving me the example.
Here’s the code with verified route which works.
<svg>
<use xlink:href={ ~p"/images/icons.svg" <> "#arrow" }></use>
</svg>
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Practical resources that improve the lives of professional developers. By developers, for developers.
Categories:
Sub Categories:
Forums
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Develop your skills with books, videos, and courses.
Producing high quality Elixir screencasts since 2017.
Enabling companies to succeed by building software people love.
Courses that'll move you from confusion to "Aha, now I get it!"