fix(vite): don't replace process.env (#1543)

packages/bridge/src/vite/client.ts

@@ -4,7 +4,6 @@ import { createVuePlugin } from 'vite-plugin-vue2'
 import PluginLegacy from '@vitejs/plugin-legacy'
 import consola from 'consola'
 import { jsxPlugin } from './plugins/jsx'
-import { replace } from './plugins/replace'
 import { ViteBuildContext, ViteOptions } from './types'
 
 export async function buildClient (ctx: ViteBuildContext) {
@@ -17,7 +16,11 @@ export async function buildClient (ctx: ViteBuildContext) {
 
   const clientConfig: vite.InlineConfig = vite.mergeConfig(ctx.config, {
     define: {
-      global: 'globalThis'
+      global: 'globalThis',
+      'process.client': 'true',
+      'process.server': 'false',
+      'process.static': 'false',
+      'module.hot': 'false'
     },
     cacheDir: resolve(ctx.nuxt.options.rootDir, 'node_modules/.cache/vite/client'),
     resolve: {
@@ -33,13 +36,6 @@ export async function buildClient (ctx: ViteBuildContext) {
       ssrManifest: true
     },
     plugins: [
-      replace({
-        'process.env': 'import.meta.env',
-        'process.client': 'true',
-        'process.server': 'false',
-        'process.static': 'false',
-        'module.hot': 'false'
-      }),
       jsxPlugin(),
       createVuePlugin(ctx.config.vue),
       PluginLegacy()

packages/vite/src/client.ts

@@ -8,7 +8,6 @@ import type { Connect } from 'vite'
 import { visualizer } from 'rollup-plugin-visualizer'
 import { transform } from 'esbuild'
 import { cacheDirPlugin } from './plugins/cache-dir'
-import { replace } from './plugins/replace'
 import { wpfs } from './utils/wpfs'
 import type { ViteBuildContext, ViteOptions } from './vite'
 import { writeManifest } from './manifest'
@@ -37,7 +36,6 @@ export async function buildClient (ctx: ViteBuildContext) {
       outDir: resolve(ctx.nuxt.options.buildDir, 'dist/client')
     },
     plugins: [
-      replace({ 'process.env': 'import.meta.env' }),
       cacheDirPlugin(ctx.nuxt.options.rootDir, 'client'),
       vuePlugin(ctx.config.vue),
       viteJsxPlugin()

packages/vite/src/plugins/replace.ts

@@ -1,17 +0,0 @@
-import type { Plugin } from 'vite'
-
-export function replace (replacements: Record<string, string>) {
-  return <Plugin>{
-    name: 'nuxt:replace',
-    transform (code) {
-      Object.entries(replacements).forEach(([key, value]) => {
-        const escapedKey = key.replace(/\./g, '\\.')
-        code = code.replace(new RegExp(escapedKey, 'g'), value)
-      })
-      return {
-        code,
-        map: null
-      }
-    }
-  }
-}