pluginBundle

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

Table of Contents

How To Use

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

export default {
  plugins: [pluginBundle()],
}
./src/pages/index.jsx
import "../assets/image.css"
import iconUrl from "../assets/image.png"

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

Options

Default
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を結合出力します。