Rails6-PurgeCSS忽略了image_pack_tag中的样式

Question

我正在跟踪TailwindCSS截屏，并在进行过程中对它们进行分类。

我在a / j / p / application.js中取消了image_pack行的注释：

const images = require.context('../images', true)
const imagePath = (name) => images(name, true)

，并且可以使用erb文件中的image_pack_tag从a / j / images /成功提取图像。

但是，当我在生成的文件上使用purgecss时，purgecss不会保留css类所需的适当样式的图像。

例如，静态图片链接有效：

<img src="/images/beach-work.jpg" class="mt-6 rounded-lg shadow-xl">

但通过image_pack_tag访问时：

<%= image_pack_tag "beach-work.jpg", class: "mt-6 rounded-lg shadow-xl" %>

样式不会保留。

我该如何解决？

Answer 1

您可以做一些事情：

• 将清除选项中的类列入白名单

whitelist: [
  'mt-6',
  'rounded-lg',
  'shadow-xl'
]

• 添加注释掉的静态版本的代码。这对我来说很苗条，您的示例erb应该是：

<%# <img src="" class="mt-6 rounded-lg shadow-xl"> %>