Tailwind CSS 现在配备了 Just In Time 编译器

Tailwind CSS 发布了一个全新的 Just-in-Time 编译器，这是一个实验性的库，它在您编写模板文件时按需编译所有 CSS，而不是预先生成整个样式表。以下视频展示了新功能

来自 发布公告

多年来，随着我们改进 Tailwind CSS，我们不得不面对的一个最难的问题是开发中生成的 CSS 文件大小。如果您的配置文件有足够多的自定义，生成的 CSS 可能会达到 10mb 或更多，而构建工具甚至浏览器本身所能容忍的 CSS 量是有限的。

因此，您始终需要谨慎对待对配置文件的昂贵更改，例如添加过多的断点或启用额外的变体，例如disabled或focus-visible。

今天，我很高兴地与大家分享一个我们一直在开发的新项目，它让这些考虑成为过去：一个用于 Tailwind CSS 的 Just-in-Time 编译器。

您可以通过安装它来试用它

npm install -D @tailwindcss/jit tailwindcss postcss autoprefixer

然后，将其放入您的 PostCSS 配置中

// postcss.config.js
module.exports = {
  plugins: {
    '@tailwindcss/jit': {},
    autoprefixer: {},
  }
}