How to switch from tailwind CSS Play CDN to production build?

Question

I am using Tailwind CSS Play CDN for local development, and would like to use PostCSS to build a production version

Basically every time I need to manually replace the following line in index.html

<script src="https://cdn.tailwindcss.com"></script>

with

<link href="/dist/main.css" rel="stylesheet">

before pushing to production site

What is the best way to do that automatically each time I publish the website?

Answer 1

Quotes from tailwind docs

Use the Play CDN to try Tailwind right in the browser without any build step. The Play CDN is designed for development purposes only, and is not the best choice for production.

So you need to use build tools like webpack, Rollup, Vite, and Parcel

• Tailwind CSS with Parcel
• Using Postcss