This extension provides instant Tailwind CSS support to your Mix builds.
Please make sure that you are using laravel-mix
version 2.1 or higher.
This package works with Tailwind version 1.0 or higher but also with earlier versions.
You can install the package with npm or yarn:
npm install mix-tailwindcss --save-dev
yarn add mix-tailwindcss --dev
Then require the extension in your Mix configuration:
const mix = require('laravel-mix');
require('mix-tailwindcss');
...
Enable the extension by calling tailwind()
in your Mix chain:
mix.sass('resources/sass/app.scss', 'public/css')
.tailwind();
If you are using a custom configuration file name, you will need to specify it when calling tailwind()
:
mix.sass('resources/sass/app.scss', 'public/css')
.tailwind('./tailwindcss-config.js');
And you're done!
Don't forget to add the Tailwind directives to your css entry file.
Please see CONTRIBUTING for details.
If you discover any security related issues, please email [email protected] instead of using the issue tracker.
The MIT License (MIT). Please see License File for more information.