dealloc
While working on my new Phoenix 1.6 application I was annoyed that we still need to install NodeJS if we’d want to use TailwindCSS.
Then I stumbled across this blog post that introduces a standalone CLI for TailwindCSS (it mentions Phoenix by name!) to use TailwindCSS without having to use NodeJS.
So I built a small package that pretty much does exactly what esbuild does (which ships with Phoenix), but does it for the TailwindCSS CLI.
The idea is to make straightforward using Tailwind in your Phoenix (1.6+) application without needing to install NodeJS.
Links:
I threw it together rather quickly and it’s my first published package, so feedback is most definitely welcome, and I hope it proves useful to someone besides me.
Cheers
Trending in Discussions
As the title says, please share what you’ve been up to with Elixir. Whether that’s been learning it, looking into it, making stuff with i...
New
I want to open this thread for you all to discuss and help those who really like Ash but are still hesitant to use it in a real project. ...
New
I am happy to introduce the very α version of the new programming language compiled to BEAM.
Welcome Cure.
It has literally three kille...
New
I’m posting this in response to Jose’s recent tweet (Cr. link) :
People are sleeping on Elixir for a coding harness:
Hot-code swappi...
New
Hello,
I wrote Stop My Hand, a Scattergories-like web application using Phoenix/LiveView as my learning project for Elixir (after readin...
New
It would be helpful to have a list of companies worldwide that hire engineers without prior experience in Elixir. Often, it can be quite ...
New
Anyone running long-lived stateful processes on BEAM? We’re building an AI agent runtime and would love to compare notes.
We’re a small ...
New
Other Trending Topics
Hobbes is a low-level distributed database for the Elixir programming language.
Hobbes provides a simple, safe, and scalable storage lay...
New
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
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
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
Corex is an accessible, unstyled UI component library for Phoenix that integrates Zag.js state machines using Vanilla JavaScript and Live...
New
There are three potential reasons for members of this forum to have a look at https://vutuv.de
You are tired or annoyed of LinkedIn.
Yo...
New
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
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #blog-post
- #elixirconf-us
- #elixir-ls
- #ai
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #hex
- #security
- #metaprogramming










Showing Posts 14 to 5- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
ani
Tailwind Intellisense 0.7.5 was just released which bundles the tailwindcss cli with the extension. If no binary is found, the extension will use the bundled version provide completions.
aswinmohanme
Switched my app from node tailwind to
tailwindcssand got rid of all development dependencies includingpostcss. I already have nodejs setup for other js files, but it’s still better to have a dedicated package take care of tailwind.Thanks everyone included in the effort.
chrismccord
ah, sorry, I misread
npm install -Dasnpm install -g. Sounds like the vscode package loads it from the local node_modules directory, so I don’t think there is anything that we can solve without the extension supporting finding it elsewherecrispinb
Hey @Sebb , I think that’s a bug in the vscode extension. This github issue is a bit of a grab-bag but some of the comments down thread make it clear others are having issues getting tailwindcss-intellisense to find the standalone tailwindcss executable.
I’m keeping a watch on that issue. In the meantime I’ve
npm installedtailwind in myassetsfolder, just for the extension’s use, and excluded all the resulting node cruft in.gitignore. Ugly, but I find it just about worthwhile as a workaround.andrewb
Thanks @dealloc and @chrismccord, I heard about this today and spent 15 mins updating my blog to remove NodeJS and the other dependencies.
It all worked a treat and I documented what I did here.
Thanks again guys.
sodapopcan
This is really very exciting! And kudos to the tailwind folks for accommodating to those of us who don’t care much for nodejs.
Sebb
I copied
_build/tailwind-linux-x64to the path, also tried renaming totailwindcss- still does not work. Alsonpm i -g tailwindcssdoes not work.chrismccord
You’ll need to copy the binary to somewhere in your $PATH if the vscode plugin requires it to be available globally
Sebb
How can I use Tailwind CSS IntelliSense - Visual Studio Marketplace when installing tailwind with this package?
I get this error from the plugin:
So the plugin finds the generated
tailwind.config.jsbut nottailwindcss.When I install with
the plugin works.
chrismccord
Thanks so much! I’ll push the repo up on my side
