Get support for calebporzio/tailbuild

If you're new to LTH, please see our FAQ for more information on what it is we do.

Support Options

Unfortunately, there are currently no active helpers for this repository on the platform. Until they become available, we reccomend the following actions:

View Open Issues

Take a look to see if anyone else has experienced the same issue as you and if they managed to solve it.

Open an Issue

Make sure to read any relevant guidelines for opening issues on this repo before posting a new issue.

Sponsor directly

Check out the page and see if there are any options to sponsor this project or it's developers directly.

calebporzio/tailbuild

View on github

♻️ tailbuild

A simple command to build a JIT Tailwind CSS file for your project without all the fuss.

Run the following command and you're off!

npx tailbuild [output file] --files=[files to search for CSS classes in and generate Tailwind from]

Here's a specific example where tailbuild will scour all the HTML files in the public/ directory for Tailwind classes and build a custom CSS file: dist/tailwind.css

npx tailbuild dist/tailwind.css --files="./public/**/*.html"

File Watching

You can configure tailbuild to watch these "markup reference" files and re-build if they are changed with the --watch option:

npx tailbuild dist/tailwind.css --files="./public/**/*.html" --watch

Production Builds

By adding --production tailbuild will minify the output CSS file.

npx tailbuild dist/tailwind.css --files="./public/**/*.html" --production

Framework Examples

Framework Example Command
Laravel npx tailbuild public/css/tailwind.css --files="resources/views/**/*.blade.php"
[Your Favorite Framework] Open A PR!

Command Options

Options Description
-o, --output The file path to store tailbuild's output Tailwind CSS file
-f, --files, --purge Specify (optionally multiple) glob patterns or files to use as a purge reference and a file watcher list if using --watch
-w, --watch Watch all purge reference files for changes and re-build the CSS output
-i, --input Specify a CSS input file (containing @tailwind base, etc...) for tailbuild to use as the basis for it's PostCSS build
-c, --config Specify a custom Tailwind config file for reference when building the Tailwind CSS output file
-m, --minify Minify all CSS output files using cssnano
--production Minify all CSS output AND set NODE_ENV to "production" for other optimizations within Tailwind

How It Works

Tailbuild's pretty simple. Take a look at its only file of code for info: tailbuild.js

Enjoy!

Our Mission

We want to make open source more sustainable. The entire platform was born from this and everything we do is in aid of this.

From the Blog
Interesting Articles
Company

Thank you for checking out LiveTechHelper |
2025 © lth-dev incorporated

p-e622a1a2