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
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
- #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
- #blog-post
- #phoenix_html
- #iex
- #graphql
- #genstage
- #ai
- #elixirconf-us
- #websockets
- #supervisor
- #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!"
First Post!
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