A quick Laravel Mix extension for Tailwind support.
latest v0.1.2 - released
4888 downloads last week
MIT license
3 versions

Laravel Mix Tailwind

This extension provides instant Tailwind support to your Mix (v2.1 and up) builds.


First, install the extension.

npm install laravel-mix-tailwind --save-dev

Then, require it within your webpack.mix.js file, like so:

let mix = require('laravel-mix');


    .js('resources/js/app.js', 'public/js')
    .less('resources/less/app.less', 'public/css')

Next steps

This package requries tailwind.js, so don't forget to run:

npx tailwindcss init tailwind.js
npm run dev

app.scss file example:

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

And you're done! Compile everything down with npm run dev

More information about the Tailwind directives to your Sass/Less/Stylus entry file.)