calypso
Regex within a template inline tag
Hello everyone
I would like to run my react app, which is built with webpack. Everything works fine.
But in the app.html.eex, I need to hardcode to css filename, which contains the contenthash generated by webpack. This contenthash can change and therefore I need to wildcard this to main.*.css.
Is this possible and if yes, how?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Test · Phoenix Framework</title>
<script defer type="text/javascript" src="<%= Routes.static_path(@conn, "/main.js") %>"></script>
<link rel="stylesheet" href="<%= Routes.static_path(@conn, "/main.68fc705c4c27d56f9522.css") %>"/>
</head>
<body>
</body>
</html>
Best,
Calypso
First Post!
kokolegorille
Are You using your own webpack outside of Phoenix?
This should be managed with mix phx.digest and You shouldn’t need to know the hash.
Most Liked
kokolegorille
$ mix help phx.digest
mix phx.digest
Digests and compresses static files.
mix phx.digest
mix phx.digest priv/static -o /www/public
The first argument is the path where the static files are located. The -o
option indicates the path that will be used to save the digested and compressed
files.
If no path is given, it will use priv/static as the input and output path.
The output folder will contain:
• the original file
• the file compressed with gzip
• a file containing the original file name and its digest
• a compressed file containing the file name and its digest
• a cache manifest file
Example of generated files:
• app.js
• app.js.gz
• app-eb0a5b9302e8d32828d8a73f137cc8f0.js
• app-eb0a5b9302e8d32828d8a73f137cc8f0.js.gz
• cache_manifest.json
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Producing high quality Elixir screencasts since 2017.
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
- #elixirconf-us
- #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!"