下一代 Tailwind CSS 將引入 JIT 編譯器
Tailwind CSS 作者 Adam Wathan 宣布了一個(gè)新項(xiàng)目：用于 Tailwind CSS 的 JIT 編譯器 tailwindcss-jit，目前處于實(shí)驗(yàn)性階段。
據(jù)介紹，tailwindcss-jit 會(huì)在開發(fā)者編寫模板文件時(shí)按需編譯所有 CSS，而不是預(yù)先生成整個(gè)樣式表。
Tailwind CSS 作者提到了創(chuàng)建此項(xiàng)目的初衷，他表示這些年來(lái)在改進(jìn) Tailwind CSS 時(shí)，所處理的最困難的限制之一就是開發(fā)過(guò)程中生成的文件大小。只要對(duì)配置文件的定制足夠深，生成的 CSS 大小會(huì)達(dá)到 10MB 或更多。而如此多的 CSS 又是構(gòu)建工具或者瀏覽器所要求的。于是他便創(chuàng)建了此項(xiàng)目。
Tailwind CSS 作者還介紹了 tailwindcss-jit 的部分優(yōu)點(diǎn)：
- 構(gòu)建速度極快
- 開箱即用地啟用所有變體
- 無(wú)需編寫自定義 CSS 即可生成任意樣式
- CSS 在開發(fā)和生產(chǎn)環(huán)境中保持一致
- 開發(fā)階段提供更好的瀏覽器性能
安裝和使用@tailwindcss/jit
- npm install -D @tailwindcss/jit tailwindcss postcss autoprefixer
- // postcss.config.js
- module.exports = {
- plugins: {
- '@tailwindcss/jit': {},
- autoprefixer: {},
- }
- }
目前開發(fā)團(tuán)隊(duì)將 tailwindcss-jit 作為一個(gè)單獨(dú)的庫(kù)進(jìn)行交付，不過(guò)他們也表示，當(dāng)解決了所有問(wèn)題，會(huì)直接集成到tailwindcss配置選項(xiàng)中，并在今年發(fā)布的 Tailwind CSS v3.0 設(shè)置為默認(rèn)選項(xiàng)。
本文轉(zhuǎn)自O(shè)SCHINA
本文標(biāo)題：下一代 Tailwind CSS 將引入 JIT 編譯器
本文地址：https://www.oschina.net/news/134706/just-in-time-the-next-generation-of-tailwind-css
