gpt4 book ai didi

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

转载 作者:qq735679552 更新时间:2022-09-27 22:32:09 29 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章下一代 Tailwind CSS 将引入 JIT 编译器由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

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

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

下一代 Tailwind CSS 将引入 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.js  。

module.exports = {  。

  plugins: {  。

    '@tailwindcss/jit': {},  。

    autoprefixer: {},  。

  }  。

}  。

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

本文地址:https://www.oschina.net/news/134706/just-in-time-the-next-generation-of-tailwind-css 。

最后此篇关于下一代 Tailwind CSS 将引入 JIT 编译器的文章就讲到这里了,如果你想了解更多关于下一代 Tailwind CSS 将引入 JIT 编译器的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com