sezaru
Consider this scenario: I’m creating a library that contains a phoenix component on it. That component requires a hook, and that hook imports some JS library to do its job.
What is the correct approach to make my Phoenix project (or esbuild for that matter), that has my library as a dependency, see that JS library correctly (let’s say the JS library is in deps/my_library/assets/node_modules/library)?
Esbuild will obviously find the path for the Phoenix project node_modules in assets/node_modules via the :cd in config, but it doesn’t know about my library path at all.
I guess I could generate a dist directory with the hooks + JS libraries already bundled with esbuild and push it to the library repo, but I’m not sure if that would be the best approach to solve this or if there is some corner cases.
Where Next?
Trending in Questions
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Elixir, Erlang & messaging conferences from Code Sync. Next up: ElixirConf US (10–11 Sep) & Code BEAM Europe (21–22 Oct), Haarlem + online.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #ai
- #podcasts-by-brainlid
- #ecto-query
- #blog-post
- #elixirconf-us
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #elixirconf-eu
- #api
- #forms
- #security
- #metaprogramming
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.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Master modern tools, write cleaner code, and tackle real-world challenges.
**Building the future of software with AI, trust, and human connection.**
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!"
Marked As Solved- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
D4no0
I’m not positive 100% on a correct approach, however I think you can use the approach
liveviewuses to serve the JS it requires to be up and running.The way it does is by placing the JS files in priv folder.
Then you import them in your own project and you can use them directly from js.
Also Liked
LostKobrakai
Yeah, essentially you can make your mix project an npm project as well. You can then have your user lookup
depsas a possiblenode_modulesfolder. That’s what phoenix does with it’s own project internal dependencies as well.sezaru
Thank you, that did it, I replicated the way liveview does for their JS stuff and it worked like a charm. I also added a
package.jsonfile to the root of the project like @LostKobrakai mentioned and now I can import the library the same way we do with lv (import {LiveSocket} from "phoenix_live_view") pretty neat!