日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
下一代TailwindCSS將引入JIT編譯器

Tailwind CSS 作者 Adam Wathan 宣布了一個新項(xiàng)目：用于 Tailwind CSS 的 JIT 編譯器 tailwindcss-jit，目前處于實(shí)驗(yàn)性階段。

據(jù)介紹，tailwindcss-jit 會在開發(fā)者編寫模板文件時按需編譯所有 CSS，而不是預(yù)先生成整個樣式表。

Tailwind CSS 作者提到了創(chuàng)建此項(xiàng)目的初衷，他表示這些年來在改進(jìn) Tailwind CSS 時，所處理的最困難的限制之一就是開發(fā)過程中生成的文件大小。只要對配置文件的定制足夠深，生成的 CSS 大小會達(dá)到 10MB 或更多。而如此多的 CSS 又是構(gòu)建工具或者瀏覽器所要求的。于是他便創(chuàng)建了此項(xiàng)目。

Tailwind CSS 作者還介紹了 tailwindcss-jit 的部分優(yōu)點(diǎn)：

  • 構(gòu)建速度極快
  • 開箱即用地啟用所有變體
  • 無需編寫自定義 CSS 即可生成任意樣式
  • CSS 在開發(fā)和生產(chǎn)環(huán)境中保持一致
  • 開發(fā)階段提供更好的瀏覽器性能

安裝和使用@tailwindcss/jit

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

目前開發(fā)團(tuán)隊(duì)將 tailwindcss-jit 作為一個單獨(dú)的庫進(jìn)行交付，不過他們也表示，當(dāng)解決了所有問題，會直接集成到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


新聞標(biāo)題：下一代TailwindCSS將引入JIT編譯器
URL標(biāo)題：http://m.5511xx.com/article/dhishge.html