Prettier Tailwind class 換行排版套件

說明

分享使用 Prettier 排版 React 裡面 className 很長的 Tailwind 如何自動換行。

預覽

安裝

npm install -D prettier-plugin-classnames
npm install -D prettier-plugin-merge

配置

.prettierrc

{
    "plugins": [
        "prettier-plugin-tailwindcss",
        "prettier-plugin-classnames",
        "prettier-plugin-merge"
    ]
}

參考

• https://www.npmjs.com/package/prettier-plugin-classnames