DEV Community

Load specific JS files in Elixir and Phoenix

Ricardo Ruwer on July 29, 2019

First of all, I'd like to say that this post is based on that one: http://codeloveandboards.com/blog/2016/04/26/page-specific-javascript-in-phoenix...

Read full post

Sofiane Baddag • Feb 3 '20

Does this mean that for each request, a JS file is generated? Or is it pre-generated with Webpack?

I don't seem to get it completely.

Ricardo Ruwer • Feb 3 '20

You will have an app.min.js file that was generated by Webpack and contains all your JS code.

But the idea of this guide is to have some kind of rule in our JS code that is similar to this:

if (myCurrentPage == "/contact") {
  // execute this piece code...
}

if (myCurrentPage == "/about-us") {
  // execute this other piece of code...
}

So we'll not execute code that is not necessary for some pages...

There's also a great library that I use sometimes and do almost the same thing: github.com/lucasmazza/page.js

Sofiane Baddag • Feb 3 '20

Oh okay ! I thought the idea was to create a JS file for each page. Makes sense now !

Thanks Ricardo !