Learning Resources>Guides/Tuts/Tips/Info

Tailwind CSS and Webpack 5 HOWTO

/phoenix#javascript#webpack
eclark

eclark

Tailwind CSS and Webpack 5 HOWTO

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

2 comments
/phoenix#javascript#webpack
21 1915 2

First Post!

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?

Post #2

Where Next?

View thread on forum (has 2 responses!)
phoenix
javascript
webpack
Home Learning Resources>Guides/Tuts/Tips/Info
/phoenix#javascript#webpack
21 1916 2
Last post

Popular in Guides/Tuts Top

ob1
Learning Resources>Guides/Tuts/Tips/Info

Partitioning Postgres tables by timestamp based UUIDs
Recently we partitioned a table with 28 million rows by its ULID to improve query speeds and reduce query timeouts. To do this I ended up...
#ecto#learning-resources#learning-elixir#guide
42 10751 9
New
1player
Learning Resources>Guides/Tuts/Tips/Info

A design pattern for more flexible context APIs
A question I had when first learning contexts and Ecto was how to expand the default context API to support more flexible queries. Usuall...
#guide
39 2726 12
New
njwest
Learning Resources>Guides/Tuts/Tips/Info

Elixir Gaming Resources: Awesome Elixir Gaming
In the process of developing a Phx-based multiplayer experience, I found myself with so many browser tabs open with Elixir gaming resourc...
/phoenix#elm#game#gamedev#gameserver#unity#phaser
20 1564 0
New
berts-4865
Learning Resources>Guides/Tuts/Tips/Info

DigitalOcean Spaces - Browser Upload with Presigned URL - CORS
Here is a quick guide to uploading a file from the browser to DO spaces. It is crude, but will hopefully save sometime time and frustrat...
/phoenix#ex_aws_s3#digital-ocean#digitalocean#aws-s3
1 1775 0
New
TwistingTwists
Learning Resources>Guides/Tuts/Tips/Info

Best Practices from LiveBeats App
This is a thread to note down things/best practices encountered in LiveBeats App as I explore the source code. Found this usage of r...
/phoenix#presence#liveview
98 4033 20
New
AstonJ
Learning Resources>Guides/Tuts/Tips/Info

My best tips on learning/reading/studying!
This was originally posted on my blog, but since my I’ve taken it down (I hadn’t posted anything on it for a while and since it was runni...
#tips
31 2152 6
New
Jskalc
Learning Resources>Guides/Tuts/Tips/Info

Phoenix LiveView hot reload has an option to preserve socket state
Sorry if it’s a common knowledge, but it’s something I just learned and wanted to share. I’ve seen that mind-blowing demo of hot-reload ...
/phoenix#liveview#hot-reloading
40 2344 7
New
fuelen
Learning Resources>Guides/Tuts/Tips/Info

Cond in Ecto query DSL
Hi all! Just want to share a small code snippet which allows writing CASE expressions using macro which is similar to cond. Here is an ...
#ecto
16 1327 3
New
nietaki
Learning Resources>Guides/Tuts/Tips/Info

Workaround for Docker with Erlang/OTP 21.3
Just a quick heads up: There seems to be a bug in Erlang/OTP 21.3, which can cause some errors when making http requests. If you’re using...
#erlang#docker#deployment#devops
33 3252 8
New
AstonJ
Learning Resources>Guides/Tuts/Tips/Info

Share an Elixir or dev-env tip a day
..or as and when you can think of one :icon_cool: This thread my also be of interest: What took you way too long to figure out? :003:
#tips#dev-environment
122 1075 30
New

Other popular topics Top

Brian
Questions & Help>Questions

Import a module from a file into IEX
What is the proper way to load a module from a file in to IEX? In the python world, doing something like this pretty standard: from ....
#iex
35 32139 16
New
bsollish-terakeet
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
New
gshaw
Questions & Help>Questions

Idiomatic guard clause for checking not nil
What is the idiomatic way of matching for not nil in Elixir? E.g., First way: defp halt_if_not_signed_in(conn, signed_in_account) when...
#guard-clauses
13 43178 3
New
JorisKok
Questions & Help>Questions

How is it possible to get 2 million websocket connections when you have 65536 available ports?
I have a server on AWS, and was running a load test using artillery. When looking at the Phoenix dashboard I see the Ports going to 100% ...
/phoenix
20 17308 4
New
openscript
Questions & Help>Questions

How to set up the Elixir SDK in Intellij IDEA with the intellij-elixir plugin?
Hello! Sorry for this astonishing simple question, but I’m really stuck. I try to set up the intellij-elixir plugin, but I don’t know ho...
17 22671 9
New
itssasanka
Questions & Help>Questions

Why use `utc_datetime` over `naive_datetime` for Ecto?
Hi all, Trying to get some more clarity over utc_datetime and naive_datetime for Ecto: https://hexdocs.pm/ecto/Ecto.Schema.html#module-...
#ecto#timestamps#datetime#timezones
115 14814 19
New
sergio_101
Questions & Help>Questions

Pattern matching against a string
I am VERY much an elixir newbie. I have taken one elixir course and one phoenix course on Udemy. During that course, I saw the instructor...
#pattern-matching
27 26685 14
New
rms.mrcs
Questions & Help>Questions

Transform a list into an map with indexes using Enum module
Hi, I need to transform a list of numbers into a map where the keys are the indexes and the values are the original values of the list....
35 32607 9
New
Nvim
Chat & Discussions>Discussions

Elixir vs Python
Elixir appears to be a superior language to Python. I don’t see any advantage of Python over Elixir. Are there any?
#discussion#python#elixir
82 17872 30
New
lanycrost
Questions & Help>Questions

How To Implement if...else if...else condition
Hi everyone! I need implement if…else if…else condition from my elixir code, and anymore of this control flow structures not work proper...
#how-to-question
40 51494 6
New
Back to top

Latest Phoenix Threads

Phoenix Forum ❯

Learning Resources>Guides/Tuts/Tips/Info

Resources Guides/Tuts ❯

Latest on Elixir Forum

Elixir Forum ❯

Sponsor Spotlight

AppSignal

Catch errors, track performance, monitor hosts and more.

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Manning

Develop your skills with books, videos, and courses.

WyewWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

Categories:

Sub Categories:

Forums

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Manning

Develop your skills with books, videos, and courses.

WyewWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

We're in Beta

About us Mission Statement