Jayshua
How does esbuild find Phoenix.js?
I was exploring the new esbuild system in Phoenix. The documentation suggests that the two ways to import third-party libraries are by putting them in a vendor folder or by using npm install. However, the app generated by phx.new doesn’t appear to do either of those when importing the phoenix & phoenix liveview js. (Although it does use the first method to import the topbar library.)
Based on the output js file, it looks like esbuild is finding the js libraries in the deps directory, but I haven’t been able to find any config or code telling esbuild to look there.
How does this work?
Marked As Solved
josevalim
Also Liked
josevalim
We also set an environment variable in the esbuild config pointing to Elixir deps folder, and esbuild also looks for files in there. I am on my phone but I can give a full reference tomorrow.
josevalim
Last Post!
dhanson
I have an elixir json-api; We never converted from brunch to webpack. We added liveview dashboard for our production support/ issue resolution. In the normal course of actions we were upgrading our deps . we went from phoenix 1.5.0 to current to see what happened (way behind I know but we went live and had some issues to deal with…) All was good locally in dev after the deps upgrade; (we forgot to do the brunch rebuild of assets locally). CI caught that and threw an error about ES6 syntax in the phx javascript. We spent a day trying to figure out how to configure brunch to support that, and then said let’s go to webpack, then found that esbuild was the new and improved way to do this. It is fast, but we have an issue;
We have an SPA served from a different port/server, and on ‘start’ the app tries to open a socket on the SPA port. This thread looks like the right place to start to track this down. We have been trying to go back versions to get to a place where this socket behavior does not happen, with no luck. We removed the env: statement in the config.exs and that did not fix the socket connect behavior.
Any suggestions on where to look? I figure We cannot be the only SPA / phoenix API & Dashboard implementation. Do we just go back and never upgrade deps ever? or is this really and esbuild related issue? TIA.
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Develop your skills with books, videos, and courses.
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
- #websockets
- #supervisor
- #elixirconf-us
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #metaprogramming
- #security
- #hex
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.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"