tailwindcss

tailwind Meteor example

Tailwind setup

The setup is already done in this project, but if you want to do it in another project you can follow the steps below.

They are very similar to the recommendation in the installation page of Tailwind.

1 - Install npm dependencies

meteor npm install tailwindcss@latest postcss@latest postcss-load-config@latest autoprefixer@latest

See package.json as example.

2 - Install Meteor package for postcss

And remove the standard minifier.

meteor remove standard-minifier-css
meteor add juliancwirko:postcss

See packages as example.

3 - Configure postcss

See .postcssrc.js as example.

4 - Include Tailwind in your CSS

@tailwind base;
@tailwind components;
@tailwind utilities;

See main.css as example.

5 - Configure Tailwind

See tailwind.config.js as example.

Running the example

Install dependencies

meteor npm install

Running

meteor

You will see some warnings when running this example, but we are going to fix them soon