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成功地从/j/映像中提取图像。

但是，当我对结果文件使用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

你可以做几件事：

• 白名单在purgecss options

中的类

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

• 添加了注释掉的静态代码版本。这对我来说很管用，对你的例子来说应该是：

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