EddTally
Problems Displaying a PNG image from heex template
I am trying to display a PNG image located at assets/images/logo.png
And bundled into priv/static/assets/images/logo.js, with this esbuild config:
--bundle --target=es2017 --outdir=../priv/static/assets --loader:.png=dataurl --external:/fonts/* --external:/images/*)
I added ‘–loader:.png=dataurl’ because esbuild said it didn’t know how to handle .PNG files, this then bundles the png into a .js file.
I think I might be going about this problem the wrong way.
My heex template:
<a href="https://www.company.com/" class="phx-logo">
<img src={Routes.static_path(@conn, "/images/logo.js")} alt="Company Logo"
style="width:80px;height:80px"/>
</a>
How can I properly display this PNG image?
Trending in Questions
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Enabling companies to succeed by building software people love.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #elixirconf-us
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #metaprogramming
- #hex
- #performance
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.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Practical resources that improve the lives of professional developers.
Develop your skills with books, videos, and courses.
Enabling companies to succeed by building software people love.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
First 2 of 2 Posts
LostKobrakai
Why involve the bundler at all? You could just put the file in
priv/static/images/logo.pngand link to it.EddTally
I can do that and sure it works, but I would prefer to keep all of my assets in my top asset folder and then selecting which files in the asset folder to bundle into the main project, rather than just putting all of my images in the bundled assets folder. It’s a project structure annoyance.
Plus I .gitignore the priv/static/assets folder because my project bundles differently on different servers.