pluginBundle

JSX 内で import した CSS・画像を出力するプラグイン。

Table of Contents

• How To Use
• Options
  • src
  • outName
  • useExportCss

How To Use

import { pluginBundle } from "minista"

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

import "../assets/image.css"
import iconUrl from "../assets/image.png"

export default function () {
  return <img src={iconUrl} alt="icon" width={76} height={76} />
}

Options

pluginBundle({
  src: ["/src/layouts/index.{tsx,jsx}", "/src/pages/**/*.{tsx,jsx,mdx}"],
  outName: "bundle",
  useExportCss: true,
})

src

• 型: string[]
• デフォルト: ["/src/layouts/index.{tsx,jsx}", "/src/pages/**/*.{tsx,jsx,mdx}"]

CSS・画像を検出するテンプレートを glob 形式で指定します。対象ファイルは Vite の機能で glob import されます。

outName

• 型: string
• デフォルト: "bundle"

JSX 内で import した CSS を結合出力する場合のファイル名（拡張子なし）。

useExportCss

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

JSX 内で import した CSS を結合出力します。