pluginBeautify

ビルド時に HTML・CSS・JS を整形するプラグイン。

Table of Contents

How To Use

./minista.config.js
import { pluginBeautify } from "minista"

export default {
  plugins: [pluginBeautify()],
}

Options

Default
pluginBeautify({
  src: ["**/*.{html,css,js}"],
  htmlOptions: {
    indent_size: 2,
    max_preserve_newlines: 0,
    indent_inner_html: true,
    extra_liners: [],
    inline: ["span", "strong", "b", "small", "del", "s", "code", "br", "wbr"],
  },
  cssOptions: {
    indent_size: 2,
    space_around_combinator: true,
  },
  jsOptions: {
    indent_size: 2,
  },
  removeImagePreload: true,
})

src

  • 型: string[]
  • デフォルト: ["**/*.{html,css,js}"]

対象ファイルを dist からの glob 形式で指定します。対象ファイルはビルドパイプラインに含まれているものから picomatch で選ばれます。

htmlOptions

  • 型: HTMLBeautifyOptions

js-beautify の HTML フォーマットに関する設定。

cssOptions

  • 型: HTMLBeautifyOptions

js-beautify の CSS フォーマットに関する設定。

jsOptions

  • 型: HTMLBeautifyOptions

js-beautify の JavaScript フォーマットに関する設定。

removeImagePreload

  • 型: boolean
  • デフォルト: true

React 19 が HTML に出力する画像用の Preload タグを削除します。