htmlをフォーマットするのにhtml-beautifyを使う

html-beautify は html をフォーマットしてくれるCLIのツール。

• beautify-web/js-beautify: Beautifier for javascript

html-beautify は js-beautify を入れると入る。

$ yarn add js-beautify

pup

htmlを整形できるツールだと pup というものがあるが、自分の環境だとマルチバイト文字が文字化けしてしまうので今回は見送り。

• ericchiang/pup: Parsing HTML at the command line

(例) ./out ディレクトリ配下のhtmlをすべてフォーマットする場合

いろいろオプションを渡してhtmlを生成することができる。

npx html-beautify \
    --replace \
    --indent-size=2 \
    --wrap-line-length=200 \
    --wrap-attributes=force-aligned \
    ./out/*.html

標準入力から整形する場合

標準入力から整形できるのも地味にうれしい。minifyされてしまったhtmlなどから展開する場合など。

$ pbpaste | html-beautify