eclark

eclark

I’ve been working on a phoenix project lately and I wanted to use the latest versions of everything. Webpack 5 had some breaking changes and upgrading it was interesting. That lead me to write up a post on it. https://www.batteriesincl.com/posts/phoenix-modern-tailwind-webpack5

So if you’re looking for how to use Phoenix with Webpack 5 and Tailwind take a look and let me know if you have other questions. Thanks

Showing Posts 1 to 2

Kry

Kry

Heya you’ve really done a great job in your blog post so thanks alot for sharing. I have it all set up but for some reason the class don’t have any effect on what’s displayed on the page. I get the intellisense and stuff for tailwind but classes i add don’t change anything. Do you have any idea what i might be missing?

eclark

eclark OP

I’ve seen some issues with getting previously unused tailwind classes to live refresh. I found that restarting the Webpack process (I restarted the phoenix server) and then hard-refreshing the browser window fixed most issues. After the class was used by at least one template, everything worked.

— All posts loaded —

Where Next? Top

Trending in Guides/Tuts Top

c4lliope
# ~/src/livebook/.iex.exs System.cmd("xdg-open", [ LivebookWeb.Endpoint.access_url() ] ) Because Livebook requires a unique passcode on ...
New
krasenyp
You probably already know that <span>{nil}</span> in a HEEX template produces <span> </span> when rendered. I fin...
New

Other Trending Topics Top

mudasobwa
I am happy to introduce the very α version of the new programming language compiled to BEAM. Welcome Cure. It has literally three kille...
New
marciok
Hi there! We created Gust: A task orchestrator inspired by Airflow. For those who have never heard about Aiflow, it’s a Python-based wor...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
Dmk
Xamal is a deployment tool for Elixir apps that deploys native releases to bare metal servers over SSH. It’s a port of GitHub - basecamp/...
New
Damirados
Hello everyone. After busy few months I am happy to announce v0.1.0 of Emerge & Solve. They are GUI (Emerge) and State management (S...
New
netoum
Corex is an accessible, unstyled UI component library for Phoenix that integrates Zag.js state machines using Vanilla JavaScript and Live...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews