npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

tailwindcss-node-compiler

v0.3.1

Published

`tailwindcss-node-compiler` is a compiler for [Tailwind CSS](https://tailwindcss.com) v4 and up. The compiler wraps the `@tailwindcss/node` package in a simple Node.js API and, thus, the compiler should be used through this API. The compiler uses [Lightni

Downloads

351

Readme

Tailwind CSS Compiler for Node.js

tailwindcss-node-compiler is a compiler for Tailwind CSS v4 and up. The compiler wraps the @tailwindcss/node package in a simple Node.js API and, thus, the compiler should be used through this API. The compiler uses Lightning CSS to transform and optimize the CSS code and allows you to pass custom options to Lightning CSS.

The primary motivation for this compiler is to be able to use Tailwind in Node.js without PostCSS as an intermediary. Although Tailwind itself now uses Lightning CSS to transform the CSS output, making PostCSS unnecessary, I didn’t find a good way to use Tailwind in Node.js without PostCSS.

In addition to that, neither Tailwind CLI nor Tailwind’s PostCSS plugin allow passing custom options to Lightning CSS. This compiler uses the same options as Tailwind by default but lets you to specify your own options to Lightning CSS. It is possible to run Lightning CSS with custom options on the output of the Tailwind-provided compilers but, as fast as Lightning CSS is, it is inefficient to run it needlessly.

Getting started

Install the package.

npm install -D tailwindcss-node-compiler

The package exports two functions, compile and compileFile. As you would expect, compile compiles the given CSS and compileFile reads the CSS from a file and compiles that. For now, you need to write the output wherever you want to.

compile

compile compiles CSS with Tailwind and optionally transforms it using Lightning CSS. The function returns the compiled CSS code. Please see index.ts for the function type.

compileFile

compileFile compiles a CSS file with Tailwind and optionally transforms it using Lightning CSS. The function returns the compiled CSS code. Please see index.ts for the function type.

License

This package is licensed under the MIT License. See LICENSE for more information.

Parts of the code are adapted from tailwindlabs/tailwindcss, licensed under the MIT License. That code is copyright (c) Tailwind Labs, Inc.