From fdc328804d1b0c3e0eaf716632ea5ddcd2d54d02 Mon Sep 17 00:00:00 2001
From: Jun Shindo <46585162+jay-es@users.noreply.github.com>
Date: Mon, 22 Sep 2025 21:11:19 +0900
Subject: [PATCH] docs: add `import.meta.env.DEV` example

---
 guide/env-and-mode.md | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/guide/env-and-mode.md b/guide/env-and-mode.md
index 0a5e73ef..5fe1348e 100644
--- a/guide/env-and-mode.md
+++ b/guide/env-and-mode.md
@@ -2,6 +2,17 @@
 
 Vite は特定の定数を特別な `import.meta.env` オブジェクトの下で公開します。この定数は開発中はグローバル変数として定義され、ビルド時にはツリーシェイキングを効果的に行うために静的に置き換えられます。
 
+:::details 例
+
+```js
+if (import.meta.env.DEV) {
+  // この中のコードは本番ビルドでツリーシェイキングされます
+  console.log('Dev mode')
+}
+```
+
+:::
+
 ## ビルトイン定数
 
 いくつかのビルトイン定数は全てのケースで利用可能です: