我找到了使用 TailwindCSS 的 Hugo 主題分發的最佳方式

這篇其實滿廢的不到 posts 分區文章的水準，但是又不屬於 jottings 隨筆那種日常廢文。

我曾經寫過 Tailwind in Hugo：開發者的效率，使用者的負擔 批評 Hugo 主題不應該使用 Tailwind，除了使得下游用戶客製化困難外，主題安裝也是個大問題，於是最近稍微整理了一下 Tailwind 主題都是怎麼分發的：

1. 最爛的，預編譯成 plain CSS 分發
2. 最莫名其妙的，使用 CDN 載入 Tailwind 然後瀏覽器線上編譯 CSS
3. 最麻煩的，手把手教你怎麼把 package.json/tailwind.config.js 等等檔案全部從主題複製下來
4. 稍微不麻煩的會寫一個腳本幫你完成
5. hugo mod npm pack 就是本文要說的最佳方式

這個指令的用途很簡單，就只是

1. 掃描依賴樹所有 package.hugo.json 文件
2. 將所有依賴項合併到一個 package.json 文件

於是就不需要手動複製，不對欸是不是漏了什麼沒講？你的 tailwind.config.js 呢？npm 還是要預先安裝好不然根本沒用阿？沒錯，即使做了這些調查我的結論仍然是不應該在 Hugo 使用 Tailwind。

reference: https://github.com/wayjam/hugo-theme-fluidity