下一代Tailwind CSS 将引入JIT编译器

Posted 2021-04-23 OSC开源社区

出品 | OSCHINA

文 | 局长

Tailwind CSS 作者 Adam Wathan 宣布了一个新项目：用于 Tailwind CSS 的 JIT 编译器 tailwindcss-jit，目前处于实验性阶段。

据介绍，tailwindcss-jit 会在开发者编写模板文件时按需编译所有 CSS，而不是预先生成整个样式表。

Tailwind CSS 作者提到了创建此项目的初衷，他表示这些年来在改进 Tailwind CSS 时，所处理的最困难的限制之一就是开发过程中生成的文件大小。只要对配置文件的定制足够深，生成的 CSS 大小会达到 10MB 或更多。而如此多的 CSS 又是构建工具或者浏览器所要求的。于是他便创建了此项目。

Tailwind CSS 作者还介绍了 tailwindcss-jit 的部分优点：

• 构建速度极快

• 开箱即用地启用所有变体

• 无需编写自定义 CSS 即可生成任意样式

• CSS 在开发和生产环境中保持一致

• 开发阶段提供更好的浏览器性能

安装和使用@tailwindcss/jit

npm install -D @tailwindcss/jit tailwindcss postcss autoprefixer

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

目前开发团队将 tailwindcss-jit 作为一个单独的库进行交付，不过他们也表示，当解决了所有问题，会直接集成到tailwindcss配置选项中，并在今年发布的 Tailwind CSS v3.0 设置为默认选项。

觉得不错，请点个在看呀