Giter Site home page Giter Site logo

tailwind-cli-extra's Introduction

Tailwind CSS standalone CLI

Repackaged Tailwind CSS standalone CLI that comes bundled with daisyUI - the most popular component library for Tailwind CSS.

This repository employs GitHub Actions to generate patched versions of the upstream CLI tool whenever a new version of Tailwind CSS or daisyUI is released.

Usage

  • Download the latest executable from the releases page.

  • Add the daisyUI plugin to your Tailwind CSS config file:

    export default {
        // ...
        plugins: [
            require("daisyui")
        ]
    }
  • Use tailwindcss-extra just like the official tool (example).

Cheat sheet

# create a tailwind.config.js file
./tailwindcss-extra init

# start a watcher
./tailwindcss-extra -i input.css -o output.css --watch

# compile and minify your CSS for production
./tailwindcss-extra -i input.css -o output.css --minify

Current versions

Downloads

Binaries

Snap package

Get it from the Snap Store or install using the command line:

sudo snap install tailwindcss-extra

tailwind-cli-extra's People

Contributors

dobicinaitis avatar

Stargazers

tgaff avatar Poppa avatar NXVZBGBFBEN avatar  avatar Walter Pesce avatar Chase avatar  avatar  avatar  avatar fred monroe avatar  avatar  avatar  avatar Jeremias Weber avatar Joel Szwarga avatar Dominik Beveridge avatar hyperpuncher avatar YJ Park avatar Daniel Lewan avatar Joe Lazaro avatar Andrew Shoemaker avatar Ajay Kidave avatar The 99's Puppycat avatar Adriano Caloiaro avatar Abdelrahman Omar avatar H avatar Atridad Lahiji avatar David Alejandro avatar

Watchers

 avatar

Forkers

acaloiaro

tailwind-cli-extra's Issues

Tailwind CSS IntelliSense extension not working

Hello, everyone. I've been using this version of the standalone CLI in a Django project, and noticed that tailwind intellisense isn't working in VSCode, but it was back when I was using the regular npm install method. This is the error I repeatedly get in the Output tab of VSCode:

[tailwind.config.js] Initializing...
[tailwind.config.js] Failed to load workspace modules.
[tailwind.config.js] Using bundled version of `tailwindcss`: v3.4.1
[tailwind.config.js] Using bundled version of `postcss`: v8.4.31
[tailwind.config.js] Building...
[Error - 21:17:49] Tailwind CSS: Can't resolve 'daisyui' in '/Users/cauebc/Projects/ipersonal_django'
Error: Can't resolve 'daisyui' in '/Users/cauebc/Projects/ipersonal_django'
    at d (/Users/cauebc/.vscode/extensions/bradlc.vscode-tailwindcss-0.10.5/dist/tailwindServer.js:130:7139)
    at /Users/cauebc/.vscode/extensions/bradlc.vscode-tailwindcss-0.10.5/dist/tailwindServer.js:131:713
    at /Users/cauebc/.vscode/extensions/bradlc.vscode-tailwindcss-0.10.5/dist/tailwindServer.js:134:401
    at eval (eval at create (/Users/cauebc/.vscode/extensions/bradlc.vscode-tailwindcss-0.10.5/dist/tailwindServer.js:5:78), <anonymous>:15:1)
    at /Users/cauebc/.vscode/extensions/bradlc.vscode-tailwindcss-0.10.5/dist/tailwindServer.js:134:401
    at eval (eval at create (/Users/cauebc/.vscode/extensions/bradlc.vscode-tailwindcss-0.10.5/dist/tailwindServer.js:5:78), <anonymous>:16:1)
    at /Users/cauebc/.vscode/extensions/bradlc.vscode-tailwindcss-0.10.5/dist/tailwindServer.js:134:401
    at eval (eval at create (/Users/cauebc/.vscode/extensions/bradlc.vscode-tailwindcss-0.10.5/dist/tailwindServer.js:5:78), <anonymous>:15:1)
    at /Users/cauebc/.vscode/extensions/bradlc.vscode-tailwindcss-0.10.5/dist/tailwindServer.js:134:401
    at eval (eval at create (/Users/cauebc/.vscode/extensions/bradlc.vscode-tailwindcss-0.10.5/dist/tailwindServer.js:5:78), <anonymous>:15:1)

It can correctly find my tailwind.config.js file, but it looks like it's confused as to where the daisyui plugin is coming from. I'm running a Mac M2 Max, Sonoma 14.4.1 machine, and I've got the latest VSCode installed (as I type this), which is version 1.89.1. Any ideas? Is it even possible to make this work? If you need more info about my setup, I'd be glad to provide.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.