¿Cómo instalar Tailwind 1.1.2 en Laravel 6.0?

Eleazar Resendez

Eleazar Resendez

September 17 — 1 min read

Para instalar la última versión de Tailwind CSS en Laravel 6.0 basta con seguir los siguientes pasos:

1. Instalar Tailwind via npm

npm install tailwindcss

2. Añadirlo a nuestro archivo app.scss

// Tailwind 1.1.2
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

3. Crear el archivo de configuración (opcional)

npx tailwind init

4. Procesar nuestro CSS con Tailwind (Laravel Mix en mi caso)

Para más información ver la documentación, para postCss, preprocesadores o Sass. En mi caso usaré Sass y Laravel Mix.

const tailwindcss = require('tailwindcss')

mix.sass('resources/sass/app.scss', 'public/css')
 .options({
   processCssUrls: false,
   postCss: [ tailwindcss('./path/to/your/tailwind.config.js') ],
 })

Listo, ahora podemos hacer uso de todas las utility-classes de Tailwind en su última versión.

La siguiente página, la consulto en demasiadas ocasiones para conocer todas las clases de utilidad que brinda Tailwind, espero les resulte útil.

Tailwind Cheat Sheet - https://nerdcave.com/tailwind-cheat-sheet

Fuente: https://tailwindcss.com/docs/installation/

laravel tailwind

Want to read similar posts?

Every two weeks I send a newsletter with the latest blog content.

Next post

¿Cómo hacer casting de Array & JSON en un Laravel Model?

De acuerdo a la documentación de Laravel: https://laravel.com/docs/5.8/eloquent-mutators#array-and-json-castingEl tipo de conversión array e...

You might like it

Laravel 6.0 & Bulma.io v0.7.5 (overview)

Bulma es un framework CSS opensource, interesante, divertido basado en Flexbox, es 100% responsive, modular y provee un sistema simple de gr...

¿Cómo instalar Tailwind 1.1.2 en Laravel 6.0?
Share this