coding 之前用 windicss cli 撞了一個坑，就是全域 css 該如何加的問題，後來是另外開一個 html file，在裡面用 style tag 去寫，才讓 windi 抓到。結果現在換成 vite 他又抓不到了

研究老半天，最後發現 css global 設定其實是可以寫在 .css file 上的，只是需要加 layer 標記，沒加的話 windi 不會認

我覺得這個很重要啊...... 文件上沒有寫

=========
啊啊，我搞懂了，應該要這樣弄，windi css 出來的東西會單獨包一包，我們可以選擇其他 custom 的 class name 是要一起進 windi css 那包，還是直接作為另一包，在 windi css 下面引入

進 vite 的話，會在 main.js 去引入，大概這種感覺
import 'virtual:windi.css'
import 'my-custom.css'

唯有加上 layer 指令的，windi css 才會把它包到 windi 那一包裡面

但是如果要去覆蓋 windi 的 preflight (normailze css) 會有個坑

理論上，覆蓋基礎預設得往 layer base 上面加，但 windi 有 bug，另外追加的 layer base 不會加到 preflight 後面，所以權重反而會被搶掉......

這樣還不如另外在 windi 下面去 import css 一個 css 去蓋他，就不要把那些設定編譯到 windi 裡面了

該怎麼說呢，這毛是真的有點多，不知道現在 tailwind v3 是否也這樣，這對於不熟悉 build tool 的新手很不友好，很難推廣

毛也太多，windicss 的 VScode 智能提示插件，在 pug file 不起作用，你官網上不是推 pug 嗎

Autocompletion isn't working in pug file · Issue #24...

設定附檔名不能寫 pug，要改成 jade 才有，這也太