anelixiruser
I am trying to understand how to switch my project to webpack.
I originally set things up based on the guide here: https://phoenixframework.org/blog/static-assets
I have a bunch of different javascript files, and when I need the code from one of the files, I require() it on the page where I need code from that file
I understand that “require()” is in fact part of Brunch’s “bootstrapper” code, but what I haven’t figured out is what the equivalent is in Webpack.
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
- #podcasts-by-brainlid
- #ai
- #ecto-query
- #elixirconf-us
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #elixirconf-eu
- #api
- #forms
- #metaprogramming
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
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.
Producing high quality Elixir screencasts since 2017.
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 1- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
peerreynders
requireis part of the CommonJS module standard used by Node.js and webpack has no problem dealing with it.The sample JS files that are part of the Phoenix 1.4 distribution use the more recent ES2015 module standard which is the currently recommended standard for use with client side code (which requires the inclusion of babel-loader in the webpack configuration).
So you should be able to get your current JS code to work with webpack - in fact for the time being the
webpack.config.jsis easier to maintain in the CommonJS style.However eventually you should familiarize yourself with ES2015 modules and update your client side code (
import/export, JavaScript Modules, Modular JavaScript).Modern JavaScript Explained For Dinosaurs