如何在 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" }
我正在为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" }