News

NPM Package to Automate Installing the Tailwind CSS Preset

Published
NPM Package to Automate Installing the Tailwind CSS Preset image

The use-tailwind-preset NPM package by Christopher Pitt is a tiny helper that installs the Tailwind Laravel preset.

Tired of jumping through hoops to use a @tailwindcss preset in @laravelphp? Try "npx use-tailwind-preset"…

Here's the code: https://t.co/5nYIZIpKtX

— assertchris (@assertchris) December 4, 2019

When using a Laravel preset, typically, you’d install the composer package, run the preset command, and then remove the package after that. This NPM package will do all that automatically:

  • installs laravel-frontend-presets/tailwindcss
  • runs php artisan preset tailwindcss
  • installs and builds front-end dependencies
  • removes laravel-frontend-presets/tailwindcss

It uses the laravel-frontend-presets/tailwindcss package maintained by our own Michael Dyrynda.

To get started, all you need to do is install this extension. I prefer to install it globally so that it’s always at my fingertips when I need it:

$ laravel new project
$ cd project
$ git init && git add --all
$ git commit -m"First commit"
 
$ npx use-tailwind-preset
 
Installing the Tailwind preset...
Installing NPM dependencies...
Done.

Now Tailwind CSS is ready to go in your project!

You can learn more about this package, get full installation instructions, and view the source code on GitHub at assertchris/use-tailwind-preset

Paul Redmond photo

Staff writer at Laravel News. Full stack web developer and author.

Filed in

Sponsored

acquaintsoft logo
Acquaint Softtech

Hire Laravel developers with AI expertise at $20/hr. Get started in 48 hours.

Visit Acquaint Softtech

The latest

View all →
Volker Dusch on the PHP RCE Vulnerabilities and Disclosure image

Volker Dusch on the PHP RCE Vulnerabilities and Disclosure

Read article
Decide with Jev: Turn AI Answers into Decisions with PHP Rules image

Decide with Jev: Turn AI Answers into Decisions with PHP Rules

Read article
Skuul: Open-Source School Management Built on Laravel image

Skuul: Open-Source School Management Built on Laravel

Read article
Laravel Read Replicas: Prevent Stale Reads After a Write image

Laravel Read Replicas: Prevent Stale Reads After a Write

Read article
Screenshot: Capture Images and PDFs with PHP and Laravel image

Screenshot: Capture Images and PDFs with PHP and Laravel

Read article
Reset Sticky Database Connections Between Laravel Queue Jobs image

Reset Sticky Database Connections Between Laravel Queue Jobs

Read article