# laravel-mix-tailwind

> A quick Laravel Mix extension for Tailwind support.

Latest version **0.1.2** (published 2021-01-26) · MIT license · 0 weekly downloads

## Install

```sh
npm install laravel-mix-tailwind
pnpm add laravel-mix-tailwind
yarn add laravel-mix-tailwind
bun add laravel-mix-tailwind
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.2 |
| Published | 2021-01-26 |
| First published | 2018-03-16 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 2.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 342 |
| Author | Jeffrey Way |
| Maintainers | jeffreyway |
| Keywords | laravel, laravel mix, mix, tailwind |

## Links

- npm: https://www.npmjs.com/package/laravel-mix-tailwind
- Repository: https://github.com/jeffreyway/laravel-mix-tailwind
- Homepage: https://github.com/jeffreyway/laravel-mix-tailwind#readme
- Issues: https://github.com/jeffreyway/laravel-mix-tailwind/issues
- npm.io page: https://npm.io/package/laravel-mix-tailwind

## Alternatives

- [@sveltejs/kit](https://npm.io/package/@sveltejs/kit.md) — 2.2M weekly downloads
- [@atlaskit/theme](https://npm.io/package/@atlaskit/theme.md) — 402.0K weekly downloads
- [@tangle-network/brand](https://npm.io/package/@tangle-network/brand.md) — 10.0K weekly downloads
- [seneca](https://npm.io/package/seneca.md) — 7.4K weekly downloads
- [@bsb/base](https://npm.io/package/@bsb/base.md) — 7.2K weekly downloads

## Recent versions

- 0.1.2 (latest) — 2021-01-26
- 0.1.1 — 2020-10-12
- 0.1.0 — 2018-03-16

## README

# Laravel Mix Tailwind

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

## Usage

First, install the extension.

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

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

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

require('laravel-mix-tailwind');

mix
    .js('resources/js/app.js', 'public/js')
    .less('resources/less/app.less', 'public/css')
    .tailwind();
```

## 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](https://tailwindcss.com/docs/installation#3-use-tailwind-in-your-css) to your Sass/Less/Stylus entry file.)

---
_Source: https://npm.io/package/laravel-mix-tailwind · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._