下一代 Tailwind CSS 將引入 JIT 編譯器
作者：局長
Tailwind CSS 作者 Adam Wathan 宣布了一個新項目：用于 Tailwind CSS 的 JIT 編譯器 tailwindcss-jit，目前處于實驗性階段。
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.js
- module.exports = {
- plugins: {
- '@tailwindcss/jit': {},
- autoprefixer: {},
- }
- }
目前開發團隊將 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
責任編輯：未麗燕
來源：
開源中國
