# Vite プラグイン

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

## インストール

<PackageManagerCommand type="add" dev packages="@fluxlay/vite" />

## 使い方

```ts title="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()`）の後に配置してください。
- コンソール除去により、公開された壁紙にデバッグ出力が漏れることを防ぎます。