From 52e9e93ded535319ed2fac22aeaa33677151f055 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lo=C3=AFc=20Padier?= <loic.padier@gmail.com>
Date: Sun, 12 Jan 2025 20:03:41 +0100
Subject: [PATCH 1/4] Add tests for tree shaking json on build

---
 .../__tests__/csr/json-csr.spec.ts            | 62 +++++++++++++++
 .../json-stringify/__tests__/minify.spec.ts   | 14 ++++
 playground/json-stringify/dev.json            |  3 +
 playground/json-stringify/hmr.json            |  3 +
 playground/json-stringify/index.html          | 75 +++++++++++++++++++
 .../json-stringify/json-bom/has-bom.json      |  4 +
 .../json-stringify/json-module/index.json     |  3 +
 .../json-stringify/json-module/package.json   |  4 +
 playground/json-stringify/package.json        | 17 +++++
 playground/json-stringify/public/public.json  |  3 +
 playground/json-stringify/test.json           |  3 +
 playground/json-stringify/vite.config.js      |  3 +
 playground/json/__tests__/minify.spec.ts      | 14 ++++
 playground/json/dev.json                      |  3 +
 playground/json/index.html                    |  5 ++
 15 files changed, 216 insertions(+)
 create mode 100644 playground/json-stringify/__tests__/csr/json-csr.spec.ts
 create mode 100644 playground/json-stringify/__tests__/minify.spec.ts
 create mode 100644 playground/json-stringify/dev.json
 create mode 100644 playground/json-stringify/hmr.json
 create mode 100644 playground/json-stringify/index.html
 create mode 100644 playground/json-stringify/json-bom/has-bom.json
 create mode 100644 playground/json-stringify/json-module/index.json
 create mode 100644 playground/json-stringify/json-module/package.json
 create mode 100644 playground/json-stringify/package.json
 create mode 100644 playground/json-stringify/public/public.json
 create mode 100644 playground/json-stringify/test.json
 create mode 100644 playground/json-stringify/vite.config.js
 create mode 100644 playground/json/__tests__/minify.spec.ts
 create mode 100644 playground/json/dev.json

diff --git a/playground/json-stringify/__tests__/csr/json-csr.spec.ts b/playground/json-stringify/__tests__/csr/json-csr.spec.ts
new file mode 100644
index 00000000000000..cec1fb5f0eb0ba
--- /dev/null
+++ b/playground/json-stringify/__tests__/csr/json-csr.spec.ts
@@ -0,0 +1,62 @@
+import { readFileSync } from 'node:fs'
+import { expect, test } from 'vitest'
+import deepJson from 'vue/package.json'
+import testJson from '../../test.json'
+import hmrJson from '../../hmr.json'
+import { editFile, isBuild, isServe, page, untilUpdated } from '~utils'
+
+const stringified = JSON.stringify(testJson)
+const deepStringified = JSON.stringify(deepJson)
+const hmrStringified = JSON.stringify(hmrJson)
+
+test('default import', async () => {
+  expect(await page.textContent('.full')).toBe(stringified)
+})
+
+test('named import', async () => {
+  expect(await page.textContent('.named')).toBe(testJson.hello)
+})
+
+test('deep import', async () => {
+  expect(await page.textContent('.deep-full')).toBe(deepStringified)
+})
+
+test('named deep import', async () => {
+  expect(await page.textContent('.deep-named')).toBe(deepJson.name)
+})
+
+test('dynamic import', async () => {
+  expect(await page.textContent('.dynamic')).toBe(stringified)
+})
+
+test('dynamic import, named', async () => {
+  expect(await page.textContent('.dynamic-named')).toBe(testJson.hello)
+})
+
+test('fetch', async () => {
+  expect(await page.textContent('.fetch')).toBe(stringified)
+})
+
+test('?url', async () => {
+  expect(await page.textContent('.url')).toMatch(
+    isBuild ? 'data:application/json' : '/test.json',
+  )
+})
+
+test('?raw', async () => {
+  expect(await page.textContent('.raw')).toBe(
+    readFileSync(require.resolve('../../test.json'), 'utf-8'),
+  )
+})
+
+test.runIf(isServe)('should full reload', async () => {
+  expect(await page.textContent('.hmr')).toBe(hmrStringified)
+
+  editFile('hmr.json', (code) =>
+    code.replace('"this is hmr json"', '"this is hmr update json"'),
+  )
+  await untilUpdated(
+    () => page.textContent('.hmr'),
+    '"this is hmr update json"',
+  )
+})
diff --git a/playground/json-stringify/__tests__/minify.spec.ts b/playground/json-stringify/__tests__/minify.spec.ts
new file mode 100644
index 00000000000000..ea7294f4e16cdb
--- /dev/null
+++ b/playground/json-stringify/__tests__/minify.spec.ts
@@ -0,0 +1,14 @@
+import fs from 'node:fs'
+import path from 'node:path'
+import { expect, test } from 'vitest'
+import { isBuild, readFile, testDir } from '~utils'
+
+test.runIf(isBuild)('tree shake json', () => {
+  const assetsDir = path.resolve(testDir, 'dist/assets')
+  const files = fs.readdirSync(assetsDir)
+
+  const jsFile = files.find((f) => f.endsWith('.js'))
+  const jsContent = readFile(path.resolve(assetsDir, jsFile))
+
+  expect(jsContent).not.toContain('DEV_ONLY_JSON')
+})
diff --git a/playground/json-stringify/dev.json b/playground/json-stringify/dev.json
new file mode 100644
index 00000000000000..e22a75693673b1
--- /dev/null
+++ b/playground/json-stringify/dev.json
@@ -0,0 +1,3 @@
+{
+  "dev": "DEV_ONLY_JSON"
+}
diff --git a/playground/json-stringify/hmr.json b/playground/json-stringify/hmr.json
new file mode 100644
index 00000000000000..2dc497c5321ac4
--- /dev/null
+++ b/playground/json-stringify/hmr.json
@@ -0,0 +1,3 @@
+{
+  "hmr": "this is hmr json"
+}
diff --git a/playground/json-stringify/index.html b/playground/json-stringify/index.html
new file mode 100644
index 00000000000000..0b3f9d74373eda
--- /dev/null
+++ b/playground/json-stringify/index.html
@@ -0,0 +1,75 @@
+<h2>Normal Import</h2>
+<pre class="full"></pre>
+<pre class="named"></pre>
+
+<h2>Deep Import</h2>
+<pre class="deep-full"></pre>
+<pre class="deep-named"></pre>
+
+<h2>Dynamic Import</h2>
+<pre class="dynamic"></pre>
+<pre class="dynamic-named"></pre>
+
+<h2>fetch</h2>
+<pre class="fetch"></pre>
+
+<h2>Importing as URL</h2>
+<pre class="url"></pre>
+
+<h2>Raw Import</h2>
+<pre class="raw"></pre>
+
+<h2>JSON Module</h2>
+<pre class="module"></pre>
+
+<h2>Has BOM Tag</h2>
+<pre class="bom"></pre>
+
+<h2>HMR</h2>
+<pre class="hmr"></pre>
+
+<script type="module">
+  import json, { hello } from './test.json'
+  import deepJson, { name } from 'vue/package.json'
+  import dev from './dev.json'
+
+  if (import.meta.env.MODE === 'dev') {
+    text('.dev', dev)
+  }
+
+  text('.full', JSON.stringify(json))
+  text('.named', hello)
+
+  text('.deep-full', JSON.stringify(deepJson))
+  text('.deep-named', name)
+
+  import('/test.json').then((mod) => {
+    text('.dynamic', JSON.stringify(mod.default))
+    text('.dynamic-named', mod.hello)
+  })
+
+  fetch(import.meta.env.DEV ? '/test.json' : '/public.json')
+    .then((r) => r.json())
+    .then((data) => {
+      text('.fetch', JSON.stringify(data))
+    })
+
+  import url from './test.json?url'
+  text('.url', url)
+
+  import raw from './test.json?raw'
+  text('.raw', raw)
+
+  import moduleJSON from '@vitejs/test-json-module'
+  text('.module', JSON.stringify(moduleJSON))
+
+  import hasBomJson from './json-bom/has-bom.json'
+  text('.bom', JSON.stringify(hasBomJson))
+
+  import hmrJSON from './hmr.json'
+  text('.hmr', JSON.stringify(hmrJSON))
+
+  function text(sel, text) {
+    document.querySelector(sel).textContent = text
+  }
+</script>
diff --git a/playground/json-stringify/json-bom/has-bom.json b/playground/json-stringify/json-bom/has-bom.json
new file mode 100644
index 00000000000000..8145b3da51e442
--- /dev/null
+++ b/playground/json-stringify/json-bom/has-bom.json
@@ -0,0 +1,4 @@
+{
+  "description": "This file is marked with BOM.",
+  "message": "If the parsing is successful, the BOM tag has been removed."
+}
diff --git a/playground/json-stringify/json-module/index.json b/playground/json-stringify/json-module/index.json
new file mode 100644
index 00000000000000..00c52e3dfc6fa3
--- /dev/null
+++ b/playground/json-stringify/json-module/index.json
@@ -0,0 +1,3 @@
+{
+  "hello": "hi"
+}
diff --git a/playground/json-stringify/json-module/package.json b/playground/json-stringify/json-module/package.json
new file mode 100644
index 00000000000000..a02c431845033f
--- /dev/null
+++ b/playground/json-stringify/json-module/package.json
@@ -0,0 +1,4 @@
+{
+  "name": "@vitejs/test-json-module",
+  "version": "0.0.0"
+}
diff --git a/playground/json-stringify/package.json b/playground/json-stringify/package.json
new file mode 100644
index 00000000000000..f60fdbea9b263d
--- /dev/null
+++ b/playground/json-stringify/package.json
@@ -0,0 +1,17 @@
+{
+  "name": "@vitejs/test-json",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "debug": "node --inspect-brk ../../packages/vite/bin/vite",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "@vitejs/test-json-module": "file:./json-module",
+    "express": "^5.0.1",
+    "vue": "^3.5.13"
+  }
+}
diff --git a/playground/json-stringify/public/public.json b/playground/json-stringify/public/public.json
new file mode 100644
index 00000000000000..bacbe05617617e
--- /dev/null
+++ b/playground/json-stringify/public/public.json
@@ -0,0 +1,3 @@
+{
+  "hello": "this is json"
+}
diff --git a/playground/json-stringify/test.json b/playground/json-stringify/test.json
new file mode 100644
index 00000000000000..bacbe05617617e
--- /dev/null
+++ b/playground/json-stringify/test.json
@@ -0,0 +1,3 @@
+{
+  "hello": "this is json"
+}
diff --git a/playground/json-stringify/vite.config.js b/playground/json-stringify/vite.config.js
new file mode 100644
index 00000000000000..5bdf7d7a988e02
--- /dev/null
+++ b/playground/json-stringify/vite.config.js
@@ -0,0 +1,3 @@
+import { defineConfig } from 'vite'
+
+export default defineConfig({ json: { stringify: true } })
diff --git a/playground/json/__tests__/minify.spec.ts b/playground/json/__tests__/minify.spec.ts
new file mode 100644
index 00000000000000..ea7294f4e16cdb
--- /dev/null
+++ b/playground/json/__tests__/minify.spec.ts
@@ -0,0 +1,14 @@
+import fs from 'node:fs'
+import path from 'node:path'
+import { expect, test } from 'vitest'
+import { isBuild, readFile, testDir } from '~utils'
+
+test.runIf(isBuild)('tree shake json', () => {
+  const assetsDir = path.resolve(testDir, 'dist/assets')
+  const files = fs.readdirSync(assetsDir)
+
+  const jsFile = files.find((f) => f.endsWith('.js'))
+  const jsContent = readFile(path.resolve(assetsDir, jsFile))
+
+  expect(jsContent).not.toContain('DEV_ONLY_JSON')
+})
diff --git a/playground/json/dev.json b/playground/json/dev.json
new file mode 100644
index 00000000000000..e22a75693673b1
--- /dev/null
+++ b/playground/json/dev.json
@@ -0,0 +1,3 @@
+{
+  "dev": "DEV_ONLY_JSON"
+}
diff --git a/playground/json/index.html b/playground/json/index.html
index ee076836f10b53..0b3f9d74373eda 100644
--- a/playground/json/index.html
+++ b/playground/json/index.html
@@ -31,6 +31,11 @@ <h2>HMR</h2>
 <script type="module">
   import json, { hello } from './test.json'
   import deepJson, { name } from 'vue/package.json'
+  import dev from './dev.json'
+
+  if (import.meta.env.MODE === 'dev') {
+    text('.dev', dev)
+  }
 
   text('.full', JSON.stringify(json))
   text('.named', hello)

From 54d26e7b669e8d7e8a6f12d23be9dceaed2b00dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lo=C3=AFc=20Padier?= <loic.padier@gmail.com>
Date: Sun, 12 Jan 2025 19:38:51 +0100
Subject: [PATCH 2/4] Add pure annotation to json import when stringified

Since Vite 6, a json import over 10kB is stringified by default.

Current implementation would add a JSON.parse() call that would not be tree shaken
---
 packages/vite/src/node/__tests__/plugins/json.spec.ts | 6 +++---
 packages/vite/src/node/plugins/json.ts                | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/vite/src/node/__tests__/plugins/json.spec.ts b/packages/vite/src/node/__tests__/plugins/json.spec.ts
index 3e114fd3dd145b..e90bcb39c22737 100644
--- a/packages/vite/src/node/__tests__/plugins/json.spec.ts
+++ b/packages/vite/src/node/__tests__/plugins/json.spec.ts
@@ -62,7 +62,7 @@ describe('transform', () => {
       false,
     )
     expect(actualSmall).toMatchInlineSnapshot(
-      `"export default JSON.parse("[{\\"a\\":1,\\"b\\":2}]")"`,
+      `"export default /* #__PURE__ */ JSON.parse("[{\\"a\\":1,\\"b\\":2}]")"`,
     )
   })
 
@@ -122,7 +122,7 @@ describe('transform', () => {
       false,
     )
     expect(actualDev).toMatchInlineSnapshot(
-      `"export default JSON.parse("{\\"a\\":1,\\n\\"🫠\\": \\"\\",\\n\\"const\\": false}")"`,
+      `"export default /* #__PURE__ */ JSON.parse("{\\"a\\":1,\\n\\"🫠\\": \\"\\",\\n\\"const\\": false}")"`,
     )
 
     const actualBuild = transform(
@@ -131,7 +131,7 @@ describe('transform', () => {
       true,
     )
     expect(actualBuild).toMatchInlineSnapshot(
-      `"export default JSON.parse("{\\"a\\":1,\\"🫠\\":\\"\\",\\"const\\":false}")"`,
+      `"export default /* #__PURE__ */ JSON.parse("{\\"a\\":1,\\"🫠\\":\\"\\",\\"const\\":false}")"`,
     )
   })
 
diff --git a/packages/vite/src/node/plugins/json.ts b/packages/vite/src/node/plugins/json.ts
index 33c1c0d27aeaac..d89f2b9fb941dd 100644
--- a/packages/vite/src/node/plugins/json.ts
+++ b/packages/vite/src/node/plugins/json.ts
@@ -87,7 +87,7 @@ export function jsonPlugin(
             }
 
             return {
-              code: `export default JSON.parse(${JSON.stringify(json)})`,
+              code: `export default /* #__PURE__ */ JSON.parse(${JSON.stringify(json)})`,
               map: { mappings: '' },
             }
           }

From 99dc8fd554467e1eaab8d12ea3c09af535bcaaa9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lo=C3=AFc=20Padier?= <loic.padier@gmail.com>
Date: Sun, 12 Jan 2025 20:39:56 +0100
Subject: [PATCH 3/4] Fix pnpm lockfile

---
 pnpm-lock.yaml | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ed75db80fdc51b..dadc798ea1e628 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -809,6 +809,20 @@ importers:
         specifier: ^3.5.13
         version: 3.5.13(typescript@5.7.2)
 
+  playground/json-stringify:
+    devDependencies:
+      '@vitejs/test-json-module':
+        specifier: file:./json-module
+        version: file:playground/json-stringify/json-module
+      express:
+        specifier: ^5.0.1
+        version: 5.0.1
+      vue:
+        specifier: ^3.5.13
+        version: 3.5.13(typescript@5.7.2)
+
+  playground/json-stringify/json-module: {}
+
   playground/json/json-module: {}
 
   playground/legacy:
@@ -3421,6 +3435,9 @@ packages:
   '@vitejs/test-importee-pkg@file:playground/js-sourcemap/importee-pkg':
     resolution: {directory: playground/js-sourcemap/importee-pkg, type: directory}
 
+  '@vitejs/test-json-module@file:playground/json-stringify/json-module':
+    resolution: {directory: playground/json-stringify/json-module, type: directory}
+
   '@vitejs/test-json-module@file:playground/json/json-module':
     resolution: {directory: playground/json/json-module, type: directory}
 
@@ -9033,6 +9050,8 @@ snapshots:
 
   '@vitejs/test-importee-pkg@file:playground/js-sourcemap/importee-pkg': {}
 
+  '@vitejs/test-json-module@file:playground/json-stringify/json-module': {}
+
   '@vitejs/test-json-module@file:playground/json/json-module': {}
 
   '@vitejs/test-minify@file:playground/minify/dir/module': {}

From 1fe1d0af281bf209a07b7c2ca1095243fdd58e73 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lo=C3=AFc=20Padier?= <loic.padier@gmail.com>
Date: Mon, 13 Jan 2025 23:22:14 +0100
Subject: [PATCH 4/4] update tests

---
 .../vite/src/node/__tests__/build.spec.ts     | 63 ++++++++++++++++
 packages/vite/src/node/plugins/json.ts        |  2 +-
 .../__tests__/csr/json-csr.spec.ts            | 62 ---------------
 .../json-stringify/__tests__/minify.spec.ts   | 14 ----
 playground/json-stringify/dev.json            |  3 -
 playground/json-stringify/hmr.json            |  3 -
 playground/json-stringify/index.html          | 75 -------------------
 .../json-stringify/json-bom/has-bom.json      |  4 -
 .../json-stringify/json-module/index.json     |  3 -
 .../json-stringify/json-module/package.json   |  4 -
 playground/json-stringify/package.json        | 17 -----
 playground/json-stringify/public/public.json  |  3 -
 playground/json-stringify/test.json           |  3 -
 playground/json-stringify/vite.config.js      |  3 -
 playground/json/__tests__/minify.spec.ts      | 14 ----
 playground/json/dev.json                      |  3 -
 playground/json/index.html                    |  5 --
 pnpm-lock.yaml                                | 19 -----
 18 files changed, 64 insertions(+), 236 deletions(-)
 delete mode 100644 playground/json-stringify/__tests__/csr/json-csr.spec.ts
 delete mode 100644 playground/json-stringify/__tests__/minify.spec.ts
 delete mode 100644 playground/json-stringify/dev.json
 delete mode 100644 playground/json-stringify/hmr.json
 delete mode 100644 playground/json-stringify/index.html
 delete mode 100644 playground/json-stringify/json-bom/has-bom.json
 delete mode 100644 playground/json-stringify/json-module/index.json
 delete mode 100644 playground/json-stringify/json-module/package.json
 delete mode 100644 playground/json-stringify/package.json
 delete mode 100644 playground/json-stringify/public/public.json
 delete mode 100644 playground/json-stringify/test.json
 delete mode 100644 playground/json-stringify/vite.config.js
 delete mode 100644 playground/json/__tests__/minify.spec.ts
 delete mode 100644 playground/json/dev.json

diff --git a/packages/vite/src/node/__tests__/build.spec.ts b/packages/vite/src/node/__tests__/build.spec.ts
index 3c4be301e6d528..f5dd1419f04d7c 100644
--- a/packages/vite/src/node/__tests__/build.spec.ts
+++ b/packages/vite/src/node/__tests__/build.spec.ts
@@ -134,6 +134,69 @@ describe('build', () => {
     assertOutputHashContentChange(result[0], result[1])
   })
 
+  test.for([
+    [true, true],
+    [true, false],
+    [false, true],
+    [false, false],
+    ['auto', true],
+    ['auto', false],
+  ] as const)(
+    'large json object files should have tree-shaking (json.stringify: %s, json.namedExports: %s)',
+    async ([stringify, namedExports]) => {
+      const esBundle = (await build({
+        mode: 'development',
+        root: resolve(__dirname, 'packages/build-project'),
+        logLevel: 'silent',
+        json: { stringify, namedExports },
+        build: {
+          minify: false,
+          modulePreload: { polyfill: false },
+          write: false,
+        },
+        plugins: [
+          {
+            name: 'test',
+            resolveId(id) {
+              if (
+                id === 'entry.js' ||
+                id === 'object.json' ||
+                id === 'array.json'
+              ) {
+                return '\0' + id
+              }
+            },
+            load(id) {
+              if (id === '\0entry.js') {
+                return `
+                  import object from 'object.json';
+                  import array from 'array.json';
+                  console.log();
+                `
+              }
+              if (id === '\0object.json') {
+                return `
+                  {"value": {"${stringify}_${namedExports}":"JSON_OBJ${'_'.repeat(10_000)}"}}
+                `
+              }
+              if (id === '\0array.json') {
+                return `
+                  ["${stringify}_${namedExports}","JSON_ARR${'_'.repeat(10_000)}"]
+                `
+              }
+            },
+          },
+        ],
+      })) as RollupOutput
+
+      const foo = esBundle.output.find(
+        (chunk) => chunk.type === 'chunk' && chunk.isEntry,
+      ) as OutputChunk
+      expect(foo.code).not.contains('JSON_ARR')
+      expect(foo.code).not.contains('JSON_OBJ')
+    },
+  )
+
   test('external modules should not be hoisted in library build', async () => {
     const [esBundle] = (await build({
       logLevel: 'silent',
diff --git a/packages/vite/src/node/plugins/json.ts b/packages/vite/src/node/plugins/json.ts
index d89f2b9fb941dd..0234d471d39243 100644
--- a/packages/vite/src/node/plugins/json.ts
+++ b/packages/vite/src/node/plugins/json.ts
@@ -120,7 +120,7 @@ function serializeValue(value: unknown): string {
     value != null &&
     valueAsString.length > 10 * 1000
   ) {
-    return `JSON.parse(${JSON.stringify(valueAsString)})`
+    return `/* #__PURE__ */ JSON.parse(${JSON.stringify(valueAsString)})`
   }
   return valueAsString
 }
diff --git a/playground/json-stringify/__tests__/csr/json-csr.spec.ts b/playground/json-stringify/__tests__/csr/json-csr.spec.ts
deleted file mode 100644
index cec1fb5f0eb0ba..00000000000000
--- a/playground/json-stringify/__tests__/csr/json-csr.spec.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { readFileSync } from 'node:fs'
-import { expect, test } from 'vitest'
-import deepJson from 'vue/package.json'
-import testJson from '../../test.json'
-import hmrJson from '../../hmr.json'
-import { editFile, isBuild, isServe, page, untilUpdated } from '~utils'
-
-const stringified = JSON.stringify(testJson)
-const deepStringified = JSON.stringify(deepJson)
-const hmrStringified = JSON.stringify(hmrJson)
-
-test('default import', async () => {
-  expect(await page.textContent('.full')).toBe(stringified)
-})
-
-test('named import', async () => {
-  expect(await page.textContent('.named')).toBe(testJson.hello)
-})
-
-test('deep import', async () => {
-  expect(await page.textContent('.deep-full')).toBe(deepStringified)
-})
-
-test('named deep import', async () => {
-  expect(await page.textContent('.deep-named')).toBe(deepJson.name)
-})
-
-test('dynamic import', async () => {
-  expect(await page.textContent('.dynamic')).toBe(stringified)
-})
-
-test('dynamic import, named', async () => {
-  expect(await page.textContent('.dynamic-named')).toBe(testJson.hello)
-})
-
-test('fetch', async () => {
-  expect(await page.textContent('.fetch')).toBe(stringified)
-})
-
-test('?url', async () => {
-  expect(await page.textContent('.url')).toMatch(
-    isBuild ? 'data:application/json' : '/test.json',
-  )
-})
-
-test('?raw', async () => {
-  expect(await page.textContent('.raw')).toBe(
-    readFileSync(require.resolve('../../test.json'), 'utf-8'),
-  )
-})
-
-test.runIf(isServe)('should full reload', async () => {
-  expect(await page.textContent('.hmr')).toBe(hmrStringified)
-
-  editFile('hmr.json', (code) =>
-    code.replace('"this is hmr json"', '"this is hmr update json"'),
-  )
-  await untilUpdated(
-    () => page.textContent('.hmr'),
-    '"this is hmr update json"',
-  )
-})
diff --git a/playground/json-stringify/__tests__/minify.spec.ts b/playground/json-stringify/__tests__/minify.spec.ts
deleted file mode 100644
index ea7294f4e16cdb..00000000000000
--- a/playground/json-stringify/__tests__/minify.spec.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import fs from 'node:fs'
-import path from 'node:path'
-import { expect, test } from 'vitest'
-import { isBuild, readFile, testDir } from '~utils'
-
-test.runIf(isBuild)('tree shake json', () => {
-  const assetsDir = path.resolve(testDir, 'dist/assets')
-  const files = fs.readdirSync(assetsDir)
-
-  const jsFile = files.find((f) => f.endsWith('.js'))
-  const jsContent = readFile(path.resolve(assetsDir, jsFile))
-
-  expect(jsContent).not.toContain('DEV_ONLY_JSON')
-})
diff --git a/playground/json-stringify/dev.json b/playground/json-stringify/dev.json
deleted file mode 100644
index e22a75693673b1..00000000000000
--- a/playground/json-stringify/dev.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "dev": "DEV_ONLY_JSON"
-}
diff --git a/playground/json-stringify/hmr.json b/playground/json-stringify/hmr.json
deleted file mode 100644
index 2dc497c5321ac4..00000000000000
--- a/playground/json-stringify/hmr.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "hmr": "this is hmr json"
-}
diff --git a/playground/json-stringify/index.html b/playground/json-stringify/index.html
deleted file mode 100644
index 0b3f9d74373eda..00000000000000
--- a/playground/json-stringify/index.html
+++ /dev/null
@@ -1,75 +0,0 @@
-<h2>Normal Import</h2>
-<pre class="full"></pre>
-<pre class="named"></pre>
-
-<h2>Deep Import</h2>
-<pre class="deep-full"></pre>
-<pre class="deep-named"></pre>
-
-<h2>Dynamic Import</h2>
-<pre class="dynamic"></pre>
-<pre class="dynamic-named"></pre>
-
-<h2>fetch</h2>
-<pre class="fetch"></pre>
-
-<h2>Importing as URL</h2>
-<pre class="url"></pre>
-
-<h2>Raw Import</h2>
-<pre class="raw"></pre>
-
-<h2>JSON Module</h2>
-<pre class="module"></pre>
-
-<h2>Has BOM Tag</h2>
-<pre class="bom"></pre>
-
-<h2>HMR</h2>
-<pre class="hmr"></pre>
-
-<script type="module">
-  import json, { hello } from './test.json'
-  import deepJson, { name } from 'vue/package.json'
-  import dev from './dev.json'
-
-  if (import.meta.env.MODE === 'dev') {
-    text('.dev', dev)
-  }
-
-  text('.full', JSON.stringify(json))
-  text('.named', hello)
-
-  text('.deep-full', JSON.stringify(deepJson))
-  text('.deep-named', name)
-
-  import('/test.json').then((mod) => {
-    text('.dynamic', JSON.stringify(mod.default))
-    text('.dynamic-named', mod.hello)
-  })
-
-  fetch(import.meta.env.DEV ? '/test.json' : '/public.json')
-    .then((r) => r.json())
-    .then((data) => {
-      text('.fetch', JSON.stringify(data))
-    })
-
-  import url from './test.json?url'
-  text('.url', url)
-
-  import raw from './test.json?raw'
-  text('.raw', raw)
-
-  import moduleJSON from '@vitejs/test-json-module'
-  text('.module', JSON.stringify(moduleJSON))
-
-  import hasBomJson from './json-bom/has-bom.json'
-  text('.bom', JSON.stringify(hasBomJson))
-
-  import hmrJSON from './hmr.json'
-  text('.hmr', JSON.stringify(hmrJSON))
-
-  function text(sel, text) {
-    document.querySelector(sel).textContent = text
-  }
-</script>
diff --git a/playground/json-stringify/json-bom/has-bom.json b/playground/json-stringify/json-bom/has-bom.json
deleted file mode 100644
index 8145b3da51e442..00000000000000
--- a/playground/json-stringify/json-bom/has-bom.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "description": "This file is marked with BOM.",
-  "message": "If the parsing is successful, the BOM tag has been removed."
-}
diff --git a/playground/json-stringify/json-module/index.json b/playground/json-stringify/json-module/index.json
deleted file mode 100644
index 00c52e3dfc6fa3..00000000000000
--- a/playground/json-stringify/json-module/index.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "hello": "hi"
-}
diff --git a/playground/json-stringify/json-module/package.json b/playground/json-stringify/json-module/package.json
deleted file mode 100644
index a02c431845033f..00000000000000
--- a/playground/json-stringify/json-module/package.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "name": "@vitejs/test-json-module",
-  "version": "0.0.0"
-}
diff --git a/playground/json-stringify/package.json b/playground/json-stringify/package.json
deleted file mode 100644
index f60fdbea9b263d..00000000000000
--- a/playground/json-stringify/package.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-  "name": "@vitejs/test-json",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "debug": "node --inspect-brk ../../packages/vite/bin/vite",
-    "preview": "vite preview"
-  },
-  "devDependencies": {
-    "@vitejs/test-json-module": "file:./json-module",
-    "express": "^5.0.1",
-    "vue": "^3.5.13"
-  }
-}
diff --git a/playground/json-stringify/public/public.json b/playground/json-stringify/public/public.json
deleted file mode 100644
index bacbe05617617e..00000000000000
--- a/playground/json-stringify/public/public.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "hello": "this is json"
-}
diff --git a/playground/json-stringify/test.json b/playground/json-stringify/test.json
deleted file mode 100644
index bacbe05617617e..00000000000000
--- a/playground/json-stringify/test.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "hello": "this is json"
-}
diff --git a/playground/json-stringify/vite.config.js b/playground/json-stringify/vite.config.js
deleted file mode 100644
index 5bdf7d7a988e02..00000000000000
--- a/playground/json-stringify/vite.config.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import { defineConfig } from 'vite'
-
-export default defineConfig({ json: { stringify: true } })
diff --git a/playground/json/__tests__/minify.spec.ts b/playground/json/__tests__/minify.spec.ts
deleted file mode 100644
index ea7294f4e16cdb..00000000000000
--- a/playground/json/__tests__/minify.spec.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import fs from 'node:fs'
-import path from 'node:path'
-import { expect, test } from 'vitest'
-import { isBuild, readFile, testDir } from '~utils'
-
-test.runIf(isBuild)('tree shake json', () => {
-  const assetsDir = path.resolve(testDir, 'dist/assets')
-  const files = fs.readdirSync(assetsDir)
-
-  const jsFile = files.find((f) => f.endsWith('.js'))
-  const jsContent = readFile(path.resolve(assetsDir, jsFile))
-
-  expect(jsContent).not.toContain('DEV_ONLY_JSON')
-})
diff --git a/playground/json/dev.json b/playground/json/dev.json
deleted file mode 100644
index e22a75693673b1..00000000000000
--- a/playground/json/dev.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "dev": "DEV_ONLY_JSON"
-}
diff --git a/playground/json/index.html b/playground/json/index.html
index 0b3f9d74373eda..ee076836f10b53 100644
--- a/playground/json/index.html
+++ b/playground/json/index.html
@@ -31,11 +31,6 @@ <h2>HMR</h2>
 <script type="module">
   import json, { hello } from './test.json'
   import deepJson, { name } from 'vue/package.json'
-  import dev from './dev.json'
-
-  if (import.meta.env.MODE === 'dev') {
-    text('.dev', dev)
-  }
 
   text('.full', JSON.stringify(json))
   text('.named', hello)
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index dadc798ea1e628..ed75db80fdc51b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -809,20 +809,6 @@ importers:
         specifier: ^3.5.13
         version: 3.5.13(typescript@5.7.2)
 
-  playground/json-stringify:
-    devDependencies:
-      '@vitejs/test-json-module':
-        specifier: file:./json-module
-        version: file:playground/json-stringify/json-module
-      express:
-        specifier: ^5.0.1
-        version: 5.0.1
-      vue:
-        specifier: ^3.5.13
-        version: 3.5.13(typescript@5.7.2)
-
-  playground/json-stringify/json-module: {}
-
   playground/json/json-module: {}
 
   playground/legacy:
@@ -3435,9 +3421,6 @@ packages:
   '@vitejs/test-importee-pkg@file:playground/js-sourcemap/importee-pkg':
     resolution: {directory: playground/js-sourcemap/importee-pkg, type: directory}
 
-  '@vitejs/test-json-module@file:playground/json-stringify/json-module':
-    resolution: {directory: playground/json-stringify/json-module, type: directory}
-
   '@vitejs/test-json-module@file:playground/json/json-module':
     resolution: {directory: playground/json/json-module, type: directory}
 
@@ -9050,8 +9033,6 @@ snapshots:
 
   '@vitejs/test-importee-pkg@file:playground/js-sourcemap/importee-pkg': {}
 
-  '@vitejs/test-json-module@file:playground/json-stringify/json-module': {}
-
   '@vitejs/test-json-module@file:playground/json/json-module': {}
 
   '@vitejs/test-minify@file:playground/minify/dir/module': {}