index.html中的以下行：
<script src="https://cdn.tailwindcss.com"></script>
为
<link href="/dist/main.css" rel="stylesheet">
然后再推送到生产站点。有什么自动化方式可以在每次发布网站时自动完成这个任务吗？来自Tailwind文档的引用
使用Play CDN可以在浏览器中直接尝试Tailwind，无需任何构建步骤。 Play CDN仅用于开发目的，不适合生产。
因此，您需要使用构建工具，例如webpack，Rollup，Vite和Parcel
使用服务器端语言来渲染页面是一个不错的选择，因为你可以用一个变量来替换那一行代码，这个变量会根据你的 CDN 或者构建环境来渲染这一行代码，比如说当 production=true 时。
例如，在 NodeJS 中，你可以使用像 EJS 这样的模板引擎，或者使用更简单的模板字面量来实现：
const production = false
const twCdn = `<script src="https://cdn.tailwindcss.com"></script>`
const build = <link href="/dist/main.css" rel="stylesheet">`
const html = `<html>
${ production ? cdn : build }
<body>
<h1 class="bg-green-500">hello world</h1>
</body>
</html>`
//... setup a server such as Express and serve
//the html var as a route ex:
expressApp.get('/hello', (req, res) => res.send(html))
如果您不想直接使用动态服务器，您可以使用任何语言编写脚本，直接在您的hello.html文件（或其他名称）中执行替换操作，即在PostCSS构建脚本之后运行。对于NodeJs，您可以使用Cheerio，它允许您无头地使用jQuery API：
例如：
const fs = require('fs')
const cheerio = require('cheerio')
//import the dev page:
const $ = cheerio.load(fs.readFileSync(__dirname + '/hello.html'))
//perform the swap:
$('head').append('<link href="/dist/main.css" rel="stylesheet">')
$('script[src="https://cdn.tailwindcss.com"]').remove()
//overwrite the page, now prod ready:
fs.writeFileSync( __dirname + '/hello.html', $.html(), 'utf8' )
index.html文件中的Play CDN为生产构建的CSS。 - CoolMoonnpm run dev。在将代码推送到生产服务器之前，它会在生产服务器上使用PostCSS构建CSS文件以发布网站。因此，在本地机器上没有其他CSS文件，只有编译后的CSS文件在生产服务器上。 - CoolMoon