https://github.com/agneym/preact-cli-tailwind

Preact CLI Plugin that helps add Tailwind CSS to your project
https://github.com/agneym/preact-cli-tailwind

preact preact-cli preact-cli-plugin tailwind tailwindcss

Last synced: about 2 months ago
JSON representation

Preact CLI Plugin that helps add Tailwind CSS to your project

• Host: GitHub
• URL: https://github.com/agneym/preact-cli-tailwind
• Owner: agneym
• License: mit
• Created: 2019-11-23T17:45:32.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2024-06-16T22:58:12.000Z (3 months ago)
• Last Synced: 2024-07-22T17:38:55.963Z (about 2 months ago)
• Topics: preact, preact-cli, preact-cli-plugin, tailwind, tailwindcss
• Language: JavaScript
• Size: 260 KB
• Stars: 32
• Watchers: 5
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-tailwindcss - preact-cli-tailwind - Tailwind CSS integration for Preact. (Tools)

README

        
# Preact CLI Tailwind CSS Plugin

[![npm](https://img.shields.io/npm/v/preact-cli-tailwind)](https://www.npmjs.com/package/preact-cli-tailwind)

Adds [Tailwind CSS](https://tailwindcss.com/) to [Preact CLI](https://github.com/preactjs/preact-cli).

Tailwind is added as a PostCSS Plugin.

## Usage

```bash

npm i preact-cli-tailwind tailwindcss --save-dev

# OR

yarn add preact-cli-tailwind tailwindcss --dev

```

In your `preact.config.js`:

```js

const tailwind = require("preact-cli-tailwind");

module.exports = (config, env, helpers) => {

  config = tailwind(config, env, helpers);

  return config;

};

```

## API

Pass in `config`, `env` and `helpers` as forwarded from config.

## Contributing

PRs Welcome.