ruby-on-rails - 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

你可以做几件事：

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

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

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

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