Tailwind CSS v2.1 现已发布

Tailwind v2.1 刚刚发布，它包含一个新的 JIT 引擎、过滤器和背景过滤器实用程序等等。让我们来看看一些新功能。

#JIT 引擎

几周前，Tailwind 团队发布了一个他们用来尝试 Tailwind 的实时编译器 的软件包。随着 Tailwind v2.1 的发布，JIT 编译器已包含在 Tailwind 的核心代码中。只需在您的 Tailwind 配置文件中添加 mode: 'jit' 并配置 purge 属性来扫描您的标记即可。

// tailwind.config.js
module.exports = {
  mode: 'jit',
  purge: [
    // ...
  ],
  // ...
}

#过滤器和背景过滤器实用程序

filter 和 backdrop-filter 实用程序已添加。这些添加具有与 Tailwind 中的 transform 实用程序类似的可组合 API。应用 filter（或 backdrop-filter）类，然后您就可以结合模糊、亮度、对比度、阴影和其他 CSS 过滤器属性的实用程序。在 Tailwind 文档 中查看各种可能性。

<div class="filter grayscale blur-md contrast-200">
  <!-- ... -->
</div>

#其他新功能

除了 JIT 编译器和过滤器实用程序外，还添加了新的混合模式和隔离实用程序。在 官方发布说明 中查看有关新功能的更多示例。