voger
Static path in custom folder?
I created a new project with --no-bunch. I wan’t to put some javascript files in their own custom folder and not in the customary “js” folder. So under priv/static I created a new folder “custom” alongside the “js” folder. I put a file inside it alert.js. So now I have
priv/static/custom/alert.js
and in the layout template I put this line
<script src="<%= static_path(@conn, "/custom/alert.js") %>"></script>
When I do this I get 404 for the file “alert.js”
When I move the file in the “js” folder
priv/static/js/alert.js
and
<script src="<%= static_path(@conn, "/js/alert.js") %>"></script>
it works fine. How to make static_path to also include the “custom” folder? I searched for static_path in source code but I admit I didn’t understand a lot.
Marked As Solved
alexgaribay
You need to include the custom in your MyApp.Endpoint module. That file is located at lib/my_app/endpoint.ex
defmodule MyApp.Endpoint
use Phoenix.Endpoint, otp_app: :my_app
# ...
plug Plug.Static,
at: "/", from: :my_app, gzip: false,
only: ~w(css custom fonts images js favicon.ico robots.txt)
# ...
end
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Build Elixir applications with speed and confidence.
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
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #advent-of-code
- #elixirconf-us
- #distillery
- #processes
- #forms
- #api
- #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 for Elixir devs who love to ship. Start your free account.
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!"