Building tailwindcss with Postcss on Mac?

[Destaq]

New to tailwindcss here, using version 2.0.1 and a MacOS Catalina on 10.15. A friend on Windows can build with postcss well, but I am unable to do so.

Could anyone help me build tailwindcss with postcss?

Node version: 14.15.1

Does not work for the postcss v7 community build either.

Steps:

1. npm init --y
2. npm install tailwindcss postcss autoprefixer
3. npx tailwindcss init
4. Create CSS folder with styles.css in it and the @tailwind rules.
5. Run npx tailwindcss build ./css/styles.css -o ./css/dist.css

Sadly, I get the following failure: true is not a Postcss plugin

 "dependencies": {
    "autoprefixer": "^10.0.2",
    "postcss": "^8.1.8",
    "tailwindcss": "^2.0.1"
  }

[adamwathan]

Super weird! Can you create a project on GitHub that reproduces and share the link?

[Destaq]

I ended up asking for help on the Discord server. I'll post the solution here.

[Destaq]

"build:css": "node ./node_modules/.bin/tailwindcss build ./css/styles.css -o ./css/dist.css"