css框架浙宜，推薦的有UnoCSS，Tailwind CSS蛹磺。
是vite構(gòu)建的話粟瞬，用UnoCss比較方便，啥也不用改萤捆，支持的比較好裙品。
UnoCSS: The instant on-demand Atomic CSS engine
用vuecli構(gòu)建的話，也可以用俗或；要改配置之類的市怎，具體分了webpack4和webpack5。
UnoCSS Webpack Plugin
因為項目是webpack4辛慰，然后準備選擇Tailwind CSS区匠；一頓百度發(fā)現(xiàn)了一個windicss，因為配置極其簡單帅腌，直接選擇了這個windicss驰弄。
對老項目來說蝠筑，感覺有一些默認的className，可以提升效率就可以了揩懒；對框架里一些新的方法需求沒有很高什乙。
開始 | Windi CSS
1.npm安裝
npm i -g windicss
2.然后在項目main.js里引入css
import 'windi.css'
3.然后直接創(chuàng)建windi.config.js文件，在這個文件里配置相關(guān)設(shè)置已球。
這個文件是自動識別的臣镣，不需要引用調(diào)用啥的；會自動在項目根目錄里找智亮。
配置 Windi CSS | Windi CSS
import { defineConfig } from 'windicss/helpers'
export default defineConfig({
/* 配置項... */
})
這里寫兩個配置忆某，對接入老項目非常有用。
import { defineConfig } from 'windicss/helpers'
export default defineConfig({
preflight: false, // windi.css會給比如img標簽直接加樣式阔蛉，設(shè)為false取消弃舒，以免影響之前的樣式
prefix: "xhy-", // 給windi.css中的默認類名增加一個前綴，避免類名沖突
})
結(jié)束状原，現(xiàn)在就可以用了聋呢。
ps：如果是新項目，沒有沖突問題颠区，建議選擇UnoCSS 或 Tailwind CSS
