如何在 Tailwind CSS 构建输出中 keep/retain CSS 评论?

How can I keep/retain CSS comments in the Tailwind CSS build output?

我正在为WordPress写一个主题,需要在CSS文件中注释如下:

/*
Theme Name: XX
Theme URI: http://wordpress.org/themes/xxtheme
Author: X team
Author URI: http://xx.org/
Description: X theme.
Version: 1.1
Text Domain: Xdomain
*/

每当我编译 Tailwind CSS 时,style.css 的全部内容都会被替换。有没有一种简单的方法来保留 CSS 文件的一部分? 我正在使用以下命令来构建:

npx tailwindcss -i css/tailwind.css -o style.css

您可以尝试使用 https://purgecss.com/safelisting.html.

将评论列入白名单

我假设您在构建过程中使用了 purgecss,但您还没有粘贴 Tailwind CSS 或 Webpack 配置。

这是对我有用的解决方案:

我使用了PostCSS方法Tailwind CSS documentation然后在main.css[=21的顶部添加了注释=](即 CSS 文件夹)文件。所以当我编译时(使用

npm run dev

) CSS 注释被复制到输出文件。 package.json“scripts”标签如下:

"scripts": { "dev": "postcss css/main.css -o style.css" }