Vite プラグイン

@fluxlay/vite プラグインは壁紙ビルド用に Vite を構成します。

インストール

pnpm add -D @fluxlay/vite

使い方

vite.config.ts

import react from "@vitejs/plugin-react";
import { defineConfig } from "vite";
import { fluxlay } from "@fluxlay/vite";
 
export default defineConfig({
  plugins: [react(), fluxlay()]
});

設定内容

プラグインは以下の Vite 設定を適用します。

設定	値	目的
`base`	`"./"`	アセットに相対パスを使用
`build.outDir`	`"dist"`	出力ディレクトリ
`build.emptyOutDir`	`true`	ビルド前に出力をクリーン
`build.minify`	`"terser"`	デフォルト値。`vite.config.ts` で `"esbuild"` や `false` を指定していればそちらが優先されます
`build.terserOptions.compress.drop_console`	`true`	`console.*` の呼び出しを除去
`build.terserOptions.mangle`	`true`	変数名の難読化

備考

プラグインは引数を取りません。すべての設定は自動です。
fluxlay() は他のプラグイン（例：react()）の後に配置してください。
コンソール除去により、公開された壁紙にデバッグ出力が漏れることを防ぎます。