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

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

[[389849]]

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

 

  1. npm install -D @tailwindcss/jit tailwindcss postcss autoprefixer 
  2.  
  3. // postcss.config.js 
  4. module.exports = { 
  5.   plugins: { 
  6.     '@tailwindcss/jit': {}, 
  7.     autoprefixer: {}, 
  8.   } 

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

本文转自OSCHINA

本文标题:下一代 Tailwind CSS 将引入 JIT 编译器

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

责任编辑:未丽燕 来源: 开源中国
相关推荐

2013-07-27 21:28:44

2020-10-15 13:55:38

一分钟入门 Babel

2013-06-27 11:21:17

2010-12-06 16:45:32

下一代防火墙

2020-09-27 17:27:58

边缘计算云计算技术

2013-04-09 10:27:43

微软XboxAMD

2020-09-16 10:28:54

边缘计算云计算数据中心

2013-03-05 09:27:06

Ubuntu桌面QtQML

2013-09-09 16:28:36

2013-11-22 10:28:51

智能设备智能路由器小米

2009-11-20 08:47:07

路由器技术

2010-01-08 15:41:59

软交换技术

2012-03-20 13:22:04

Visual Stud

2016-01-26 11:58:12

2013-08-09 08:51:56

SDN华为下一代网络

2012-10-29 12:23:44

BYODIT

2018-09-25 07:00:50

2018-09-27 18:47:45

AIOpsDevOps

2009-01-11 10:13:39

Stripes开发框架JSP

2012-12-12 10:29:57

点赞
收藏

51CTO技术栈公众号