How to switch from tailwind CSS Play CDN to production build

Question

For local development, I'm using Tailwind CSS Play CDN, and I'd like to construct a production version with PostCSS.

Basically, I have to manually replace the following code in index.html every time.

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

with

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

before deploying to the production environment

What is the most efficient approach to accomplish this every time I publish a website?

Answer 1

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