tailwindcss又搞了兩天還是沒有運作起來
npm init -y //初始化
npm install tailwindcss postcss autoperfixer //裝這三個插件
** autoperfixer這個是自動加上其它浏覽器字首的比如ms **
** postcss 這個對css進行自動化處理**
建立一個tailwind.css檔案和一個style.css檔案
tailwind.css是源檔案，style.css是編譯後的，通過配置pure可以讓那些沒有被用到的css不被編譯進去，比如你就用了表單這個樣式，那麼其它元件樣式就不編進去。這個挺好的，比boostrap可以，以前我也想到這個功能，沒想到真有。
@tailwind base;
@tailwind components;
@tailwind utilities;
把這三句放到檔案裡。
對了，還差一個 postcss-cli
用了這個就可以進行編譯了，把tailwind.css編譯到style.css檔案中。
npx postcss -i tailwind.css -o style.css
-i是input，源檔案，-o 是output是輸出檔案
這樣你就可以在index.html裡引入style.css
然後你在index.html寫一個div
<div class="bg-blue-400 text-white p-4">
hello tailwindcss
</div>
打開index.html發現啥都變，bg-blue-400，是把背景色變了藍。
最後，真TMD操蛋，折騰了半天，裝了這麼多包，還沒用起來。
真TMD不如我引入一個cdn網址進來。
