sodapopcan
I’m working through Function Web Development with Elixir, OTP, and Phoenix which is a really eye-opening, fantastic book.
Of course, it’s a little out of date. It was written when Brunch was still bundled with Phoenix but now we have Webpack, so when instructed to type var phoenix = require("phoenix") in dev tools, that just doesn’t work.
I’ve searched for importing webpacked modules in dev tools to no avail. Perhaps I’m just tired—I’ve been working at this for hours now—but is there a way to access phoenix.js in Chrome’s dev tools in 1.5?
Thanks!
Where Next?
Trending in Questions
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Error tracking, logs, APM, uptime and cron monitoring in one dev-friendly platform. Find and fix problems before your users notice.
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
- #ai
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #blog-post
- #ecto-query
- #elixirconf-us
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #elixirconf-eu
- #api
- #forms
- #security
- #hex
Our Sponsors
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.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Practical resources that improve the lives of professional developers.
Bringing learning, work and compliance together since 1987.
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!"
Showing Posts 1 to 5- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
dorgan
To access something from the devtools, it needs to be globally accessible
One way of doing it is by assigning it to the
windowobject, for example:Then in the devtools you can now access it as
phoenix. It should work regardless of the build tool you’re using.Generally, importing a library with a script tag pointing to the file(like
https://www.unpkg.com/phoenix@1.5.4/assets/js/phoenix.js) works too, but I don’t know if it does for phoenix toosodapopcan
Thank you!! So far so good. It seems quite a bit has changed since this book but that’s cool—not so bad to do some trouble-shooting on my own. But even after spending 80% of my time in JS for the past year+ (the team I’m on makes it all worth it), I always get stressed out anytime I have to do anything that requires me to understand webpack. I should maybe get over that… maybe.
Anyway, thanks again!
sodapopcan
@lance Sorry for @'ing you but I’m relatively new here and thought I’d see if you’re on this form and sure enough you are. Are there any plans for a new edition for phoenix 1.5? It’s such a good book.
lance
Hey @sodapopcan,
Welcome!
No worries about @'ing me.
I’m so glad you found the book useful. It’s always great to hear when your work has helped other folks!
I don’t have immediate plans for a second edition, though the thought has crossed my mind. Books are a big undertaking, and I would want to make sure I’ve got the spare cycles to complete the job before I took it on.
For now, let’s just say the idea is simmering rather than at a full boil.
Cheers!
sodapopcan
Thanks for the welcome and thanks for the response! (I have been offline for several days here)
Cheers