tailwindcss-jit 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
tailwindcss-jit 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
tailwindcss-jit 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
tailwindcss-jit 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
tailwindcss-jit 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
所属分类 开发工具编译器
开源组织
地区 不详
投 递 者 局长
适用人群 未知
收录时间 2021-03-29

软件简介

tailwindcss-jit 是用于 Tailwind CSS 的 JIT 编译器。

部分优点:

  • 构建速度极快
  • 开箱即用地启用所有变体
  • 无需编写自定义 CSS 即可生成任意样式
  • CSS 在开发和生产环境中保持一致
  • 开发阶段提供更好的浏览器性能

安装和使用@tailwindcss/jit

npm install -D @tailwindcss/jit tailwindcss postcss autoprefixer
// postcss.config.js
module.exports = {
  plugins: {
    '@tailwindcss/jit': {},
    autoprefixer: {},
  }
}
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
发表于大前端专区
03/26 08:15

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

Tailwind CSS 作者 Adam Wathan 宣布了一个新项目:用于 Tailwind CSS 的 JIT 编译器 tailwindcss-jit,目前处于实验性阶段。 据介绍,tailwindcss-jit 会在开发者编写模板文件时按需编译所有 CSS,而不是预先生成整个样式表。 Tailwind CSS 作者提到了创建此项目的初衷,他表示这些年来在改进 Tailwind CSS 时,所处理的最困难的限制之一就是开发过程中生成的文件大小。只要对配置文件的定制足够深,生成的 CSS 大小会达到 10...

11
2
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
2018/04/10 17:44

[Tailwind] Get started with Tailwindcss

In this lesson, we learn how to generate CSS utility classes from Tailwind's JavaScript config file. We set up a new project from scratch, install tailwind, generate a config file and build a simple gulp task that runs that file through PostCSS to generate the desired CSS output. file through PostCSS via gulp. Install: npm i -D tailwindcss gulp gulp-postcss autoprefixer Init a tailwind config f...

0
0
发表于大前端专区
01/30 13:41

tailwindcss 简单场景和官方案例

原文链接: tailwindcss 简单场景和官方案例 上一篇: vite tailwindcss 简单安装配置和使用 下一篇: 在ts项目中接入live2d-widget.js , 在网页中展示二次元老婆 tailwind 官方案例, 居中的卡片 <div class="p-6 max-w-sm mx-auto bg-white rounded-xl shadow-md flex items-center space-x-4" > <div class="flex-shrink-0"> <img class="h-12 w-12" src="../assets/logo.png" alt="ChitChat Logo" /> </div> ...

0
0
发表于大前端专区
01/29 21:54

vite tailwindcss 简单安装配置和使用

原文链接: vite tailwindcss 简单安装配置和使用 上一篇: 用dom-to-image 截取B站弹幕 [做了一半] 下一篇: tailwindcss 简单场景和官方案例 参考 https://tailwindcomponents.com/blog/how-to-install-tailwindcss-in-vite 初始化项目 npm init @vitejs/app tailwindcss yarn create @vitejs/app 初始项目build 安装 npm install tailwindcss npm install -D tailwindcss@latest postcss@latest autoprefixer@latest ...

0
0
发表了博客
2020/04/26 09:10

alpine.js 像使用tailwindcss一样编写js

alpine.js 可以让我们像使用tailwindcss 一样编写一些js 功能,使用简单,目前已经提供了13个方便的指令 是一个值得使用的js 库,同时我们可以将组件与实现轻松的分离,集合tailwindcss我们可以快速的实现一个 常见web 应用(可以不使用复杂的框架),同时官方也提供了一个与alpine.js相关项目的git 仓库,又好多 不错的实践 参考资料 https://github.com/alpinejs/alpine/ https://tailwindcss.com/...

0
0
发表于DevOps专区
2020/11/15 20:00

一款绝对让你惊艳的CSS框架——TailwindCSS

# 前言 > 前段时间,laravel更新8.0版本,系统内置的Jetstream应用支架使用的是Tailwind CSS,于是勾起了我对Tailwind CSS的兴趣。 后来项目中也是逐步使用,总体感觉超级爽。就像他的简介一样Utility-First效用优先的CSS框架。 ![20201115173921.jpg](https://oscimg.oschina.net/oscnet/up-62038ceea65fb19dfac789ce4b3f7084560.JPEG) 相比bootstrap,semantic ui antd这些组件库,tailwind只是个css库,简单的说就是可以完成...

0
0
发表了博客
2020/10/19 10:32

JIT

JIT,又是一块带肉的骨头;just-in-time compilation,运行时编译,吭哧吭哧写了半天的bug不能到最后还让人来做吧?“侬脑子瓦特了”——当然是交给机器做,javac把java源文件翻译成class文件(字节码组成),jvm加载这些文件逐条取出字节码并执行,这就是解释执行了!当然还可以重新编译优化字节码以生成机器码,CPU直接执行,这样效率更高,这里有java如此受欢迎的原因,这里点破不说破,然后怎么让机器去执行呐?当然是告诉它了...

0
0
发表了博客
2010/05/12 21:15

JIT是什么

Just-in-time compilation From Wikipedia, the free encyclopedia that anyone can edit For other uses, see Just In Time. This article needs additional citations for verification. Please help improve this article by adding reliable references. Unsourced material may bechallenged and removed. (November 2007) In computing, just-in-time compilation (JIT), also known as dynamic translation, is a techni...

0
0
发表了博客
2019/05/28 10:55

JIT编译器

1. 什么是Just In Time编译器? Hot Spot 编译 当 JVM 执行代码时,它并不立即开始编译代码。这主要有两个原因: 首先,如果这段代码本身在将来只会被执行一次,那么从本质上看,编译就是在浪费精力。因为将代码翻译成 java 字节码相对于编译这段代码并执行代码来说,要快很多。 当 然,如果一段代码频繁的调用方法,或是一个循环,也就是这段代码被多次执行,那么编译就非常值得了。因此,编译器具有的这种权衡能力会首先执行解...

0
0
发表了博客
2020/05/10 09:35

什么是JIT

一些其他解释的网站:http://www.sohu.com/a/169704040_464084 1、动态编译(dynamic compilation)指的是“在运行时进行编译”;与之相对的是事前编译(ahead-of-time compilation,简称AOT),也叫静态编译(static compilation)。 2、JIT编译(just-in-time compilation)狭义来说是当某段代码即将第一次被执行时进行编译,因而叫“即时编译”。JIT编译是动态编译的一种特例。JIT编译一词后来被泛化,时常与动态编译等价;但...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
0 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部