AndyL

JS/CSS Assets in Phoenix Library?

I’m working on a Phoenix library and it would be handy to inject custom CSS/JS assets into the parent app. In particular, I’d like to add a few window.addEventListeners to the parent app.js. Not sure how to do this & have not been able to find any examples or documentation. Is this possible, or should I fall back to manual install instructions in the README? Any links/tips/ideas appreciated.

4 comments

#phoenix_html

7 1254 4

2022-07-02 21:49:01 UTC

Marked As Solved

al2o3cr

The default esbuild configuration adds the entire deps directory as an additional source of Node modules:

github.com

phoenixframework/phoenix/blob/4fbf3700314882484642ae91b7fbdae04524207e/installer/templates/phx_single/config/config.exs#L32-L39


      
          config :esbuild,
            version: "0.14.41",
            default: [
              args:
                ~w(js/app.js --bundle --target=es2017 --outdir=../priv/static/assets --external:/fonts/* --external:/images/*),
              cd: Path.expand("../assets", __DIR__),
              env: %{"NODE_PATH" => Path.expand("../deps", __DIR__)}
            ]<% end %>

So users can load your package with import "your_package_name" if there’s a package.json at the root level; for instance, look at phoenix_html.

Post #3

Also Liked

evadne

Best is not to do this as any way you do it would pollute global state. Instead, expose something that the developer can call to initialise.

Post #2

benlime

I recommended this in a similar thread some time ago. You should add expose functions and provide clear instructions how to add custom JS from your library.

Post #4

Where Next?

View thread on forum (has 4 responses!)

phoenix_html

Home Questions & Help>Questions

#phoenix_html

7 1255 4

Last post

Popular in Questions

Questions & Help>Questions

Checking if an enum is empty - Credo vs Compiler

Credo is smart enough to check for (something like) this: assert length(the_list) == 0 with this response: Checking if an enum is empt...

#compiler #credo

8 22889 6

2019-06-10 17:38:48 UTC

New

Questions & Help>Questions

Ecto query using like/ilike in query

Good day to you all. I have been struggling to get a query involving like and ilike to work. Can anyone assist me on this, please? pro...

#ecto

17 16504 10

2022-09-15 19:56:29 UTC

New

Questions & Help>Questions

BEAM file compliation error after degrading Erlang version from 22 to 21

I have followed this StackOverflow post to install the specific version of Erlang. And When I am running mix ecto.setup then getting fol...

/phoenix #erlang

33 15699 4

2019-06-10 13:33:06 UTC

New

Questions & Help>Questions

Desktop GUI app with Elixir?

Hi, is there any work on GUI with Elixir, that is similar to Electron/Javascript? My idea is to bundle Phoenix and BEAM into a single se...

/phoenix #gui

34 13194 12

2020-10-13 13:05:17 UTC

New

Questions & Help>Questions

Write while loop equivalent in elixir

I have a another noob question about loop. Since elixir is immutable, while loop is not directly possible. total = 10 while total != 0 ...

#while #loop

60 28200 36

2023-10-19 09:05:29 UTC

New

Questions & Help>Questions

How to get the call stack/stack trace at any point in code?

Is there a way to get the call stack or stack trace at any point in the code? Not from exceptions, but an expression that returns how the...

53 15772 4

2017-09-29 13:27:49 UTC

New

Questions & Help>Questions

How do I use the Postgres JSONB / Postgrex JSON extension?

Hi all, I've just started learning Elixir and Phoenix Framework, so please pardon my n00bness at this stage. I'm trying to use Postg...

#ecto

22 17588 9

2024-11-30 23:08:40 UTC

New

Questions & Help>Questions

how configure visual studio code for elixir intellisense

Hi guys, nice to meet you to the whole forum, I’m new here, I’m trying to configure visual studio code for elixir, right now the intellis...

#code-editors #vscode #vscode-elixir

7 14611 11

2021-01-17 18:40:01 UTC

New

Questions & Help>Questions

How do I read a file and enumerate its lines

I have a super simple question about elixir - how would I take a file like this foo bar baz and output a new file that enumerates th...

#how-to-question

20 15454 3

2022-06-29 13:41:06 UTC

New

Questions & Help>Questions

Docker run Error loading shared library libstdc++.so.6 and libgcc_s.so.1

I am trying to run a deploy with docker and I successfully runned with this command: docker build -t romenigld/blog-prod . but when I t...

/phoenix #deployment #docker-compose

30 19932 15

2022-06-16 15:43:30 UTC

New

Other popular topics

Questions & Help>Questions

** (RuntimeError) could not lookup Ecto repo Repo because it was not started or it does not exist

Hi! May someone helps me, please! I have two apps into an umbrella project: the first one is Database, which manages queries, and the se...

#umbrella #testing #repo #runtimeerror

11 15040 14

2024-06-24 10:17:41 UTC

New

Chat & Discussions>Wikis

Elixir apps as systemd services - info & wiki

Here are few pieces of (common) Linux knowledge that we use for reasonably small one server apps. We use Ubuntu but this should work for ...

#wiki #deployment #linux

73 19423 25

2024-07-18 09:10:18 UTC

New

Questions & Help>Questions

Checking if an enum is empty - Credo vs Compiler

Credo is smart enough to check for (something like) this: assert length(the_list) == 0 with this response: Checking if an enum is empt...

#compiler #credo

8 22889 6

2019-06-10 17:38:48 UTC

New

Questions & Help>Questions

Ecto query using like/ilike in query

Good day to you all. I have been struggling to get a query involving like and ilike to work. Can anyone assist me on this, please? pro...

#ecto

17 16504 10

2022-09-15 19:56:29 UTC

New

Learning Resources>Guides/Tuts/Tips/Info

Phoenix 1.6.0 LiveView + esbuild + Tailwind JIT + AlpineJS - A brief tutorial

I couldn’t find any guides that worked well with Phoenix 1.6.0 and esbuild. I hope this helps people test the waters and eases you into t...

/phoenix #liveview

137 17627 35

2023-01-12 16:26:18 UTC

New

Chat & Discussions>Wikis

Emacs - Elixir Setup Configuration Wiki

This post is a wiki (feel free to hit the edit button near the bottom right of this post to add your own changes!) This post collects co...

#spacemacs #wiki #emacs #code-editors #language-server-protocol

239 45766 226

2025-01-03 12:54:22 UTC

New

Questions & Help>Questions

How to describe many contexts in ExUnit without a hierarchy

ExUnit now has describe blocks which is a welcome addition coming from RSpec. In the docs, it states that nested hierarchies of describe ...

#testing #exunit

66 16773 4

2017-03-25 17:02:28 UTC

New

Questions & Help>Questions

Regex question for hyphen match

I’m not a pro in using Regex and can’t figure out why the following behaviour happens, especially if we take into account the difference ...

#learning-elixir

9 12939 10

2019-03-19 14:06:17 UTC

New

Questions & Help>Questions

Learning Elixir, frst impressions ( plz don't kill me ! )

About me? ( if you have nothing better to do than reading about some random guy in the internet :stuck_out_tongue: ) Hello all, this is ...

#learning-elixir

371 25801 61

2018-09-27 19:27:50 UTC

New

Questions & Help>Questions

Elixir way to conditionally update a map

I am constructing a JSON object (map) and I need to conditionally set a field. I’m trying to write proper elixir-way code… and I’m at a l...

#maps

55 19905 29

2023-08-29 12:24:33 UTC

New

Questions & Help>Questions

Phoenix phx.gen.auth for umbrella app, how to: mix phx.gen.auth Accounts User users

Questions & Help>Questions

Nerves Buildroot for Arduino UNO Q

Questions & Help>Questions

CLI tool to get function name from line of source code

Questions & Help>Questions

Error: corrupt atom table using 1.19.3/OTP28 vs 27

Questions & Help>Questions

Reverse_proxy_plug appears to not use :verify and :cacerts arguments

Questions & Help>Questions

Why does _build/dev/consolidated get wiped out after mix format?

Questions & Help>Questions

Oban Pro website down

Questions & Help>Questions

Is this usage of Repo.transact an anti-pattern?

Questions & Help>Questions

Skipping validations when calling `Ash.can?`

Questions & Help>Questions

How to model this kind of project in Ash?

Questions & Help>Questions

Questions Questions ❯

Latest on Elixir Forum

Nerves v1.14.3 released!

News>News & Updates

Oban v2.23.0 released!

News>News & Updates

Membrane v1.2.6 released!

News>News & Updates

Changes to the struct update syntax

Official Elixir>Notices

2026/12/08- Advent of Code - Fukuoka, Japan

Events/Confs/Meet Ups>List

Senior Elixir Engineer - Elixir/Phoenix/Ash, Fresh Clinics, Remote (AUS / Sydney HQ)

Jobs & Member Profiles>Jobs

Setting up for Advent of Code 2025

Learning Resources>Coding Challenges

Patch Package OTP 28.2 Released

News>Erlang News

`maint` and `master` have been force-pushed to correct a mistake, again

News>Erlang News

Elixir and Phoenix developer - visuellverstehen, Flensburg / Dortmund, Remote Germany - German required

Jobs & Member Profiles>Jobs

Phoenix phx.gen.auth for umbrella app, how to: mix phx.gen.auth Accounts User users

Questions & Help>Questions

Distributed Elixir Made Simple - Johanna Larsson | ElixirConf EU 2025

Learning Resources>Talks

ExSift - High-performance MongoDB-style query filtering for Elixir

News>Announcing

Nerves Buildroot for Arduino UNO Q

Questions & Help>Questions

Keynote: CyanView & Elixir in Broadcasts – Daniil Popov, David Bourgeois | Code BEAM Europe 2025

Learning Resources>Talks

Elixir Forum ❯

Sub Categories:

Forums

We're in Beta

About us Mission Statement

JS/CSS Assets in Phoenix Library?

AndyL

JS/CSS Assets in Phoenix Library?

Marked As Solved

al2o3cr

Also Liked

evadne

benlime

Where Next?

Popular in Questions

Checking if an enum is empty - Credo vs Compiler

Ecto query using like/ilike in query

BEAM file compliation error after degrading Erlang version from 22 to 21

Desktop GUI app with Elixir?

Write while loop equivalent in elixir

How to get the call stack/stack trace at any point in code?

How do I use the Postgres JSONB / Postgrex JSON extension?

how configure visual studio code for elixir intellisense

How do I read a file and enumerate its lines

Docker run Error loading shared library libstdc++.so.6 and libgcc_s.so.1

Other popular topics

** (RuntimeError) could not lookup Ecto repo Repo because it was not started or it does not exist

Elixir apps as systemd services - info & wiki

Checking if an enum is empty - Credo vs Compiler

Ecto query using like/ilike in query

Phoenix 1.6.0 LiveView + esbuild + Tailwind JIT + AlpineJS - A brief tutorial

Emacs - Elixir Setup Configuration Wiki

How to describe many contexts in ExUnit without a hierarchy

Regex question for hyphen match

Learning Elixir, frst impressions ( plz don't kill me ! )

Elixir way to conditionally update a map

Questions & Help>Questions

Latest on Elixir Forum

Sponsor Spotlight

Our Sponsors

Categories:

Sub Categories:

Forums

Our Sponsors

We're in Beta