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

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?

css tailwind-css

Solution 1:^[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

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	nos nart

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

Solution 1:[1]

Sources

Related Questions

Solution 1:^[1]