Building CSS with Tailwindcss not working

Question

I am pretty new to Tailwind and CSS as a whole and am trying to build this CSS file:

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

.btn{
    @apply rounded-full py-2 px-3 uppercase text-xs font-bold cursor-pointer tracking-wider
}

With this command

npm run build-css

But I get this response

> [email protected] build-css C:\Users\user\Tailwind\project
> tailwindcss build src/styles.css -o public/styles.css

[deprecation] Running tailwindcss without -i, please provide an input file.

Done in 3220ms.

And nothing happens. How do I specify the input file?

Ihar Aliakseyenka · Accepted Answer · 2021-06-20 09:48:57Z

5

As error says, you need to provide input file with -i flag. Change your script inside package.json to this

tailwindcss -i src/styles.css -o public/styles.css

More information about Tailwind CLI is here

answered Jun 20, 2021 at 9:48

Ihar Aliakseyenka

14.8k5 gold badges51 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

SangyK · Accepted Answer · 2021-06-20 10:12:09Z

0

You can try the below command,

npx tailwindcss -i ./src/tailwind.css -o ./dist/tailwind.css

Where the file after -i is your source css file where you have extracted the custom css components and -o is where you want your final build file.

For more, have a look at the link in tailwindcss website - Using Tailwind CLI

answered Jun 20, 2021 at 10:12

SangyK

8492 gold badges7 silver badges17 bronze badges

Collectives™ on Stack Overflow

Building CSS with Tailwindcss not working

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related