pluginBundle
JSX内でimportしたCSS・画像を出力するプラグイン。
Table of Contents
How To Use
import { pluginSsg, pluginBundle } from "minista"
export default {
plugins: [pluginSsg(), 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を結合出力します。