有没有办法避免使用 Tailwind 清除特定库?

Posted

技术标签:

【中文标题】有没有办法避免使用 Tailwind 清除特定库?【英文标题】:Is there a way to avoid purging a specific library with Tailwind? 【发布时间】:2021-10-06 01:57:19 【问题描述】:

我的顺风配置中有这个:

purge: 
  content: ['./src/**/*.css', './src/**/*.tsx', './src/**/*.js'],
  safelist: ['animate-spin'],
,

不得不将“animate-spin”添加到安全列表中,因为它正在被清除。此类仅在组件库中使用,但我看到仍然缺少一些类。

问题是我不想一一添加所有缺少的类,有没有办法将整个库添加到安全列表中?

【问题讨论】:

【参考方案1】:

要修复它,必须将库路径添加到“内容”列表:

content: ['./src//*.css','./src//.tsx','./src/**/.js',
          './node_modules/@mylib//*.css','./node_modules/@mylib//.tsx',
          './node_modules/@mylib/**/.js',],

【讨论】:

以上是关于有没有办法避免使用 Tailwind 清除特定库?的主要内容,如果未能解决你的问题,请参考以下文章

为啥 Tailwind 中的清除选项不能与 Webpack 一起使用

在 div 或组件上禁用 Tailwind

(Tailwind - DaisyUI) 有没有办法改变下拉项目的悬停和活动颜色?

如何检查 Tailwind 是不是真的清除了 CSS?

tailwind.config.js 清除选项无法识别 PHP 文件并导致无限重新编译

Tailwind CSS Nuxt 禁用清除选项在生产中引发错误