test: update test code

packages/playground/ssr-vue/__tests__/ssr-vue.spec.ts

@@ -4,6 +4,15 @@ import fetch from 'node-fetch'
 
 const url = `http://localhost:${port}`
 
+test('/require', async () => {
+  await page.goto(url + '/require')
+  expect(await page.textContent('h1')).toMatch('foo')
+
+  // raw http request
+  const envHtml = await (await fetch(url + '/require')).text()
+  expect(envHtml).toMatch('foo')
+})
+
 test('/about', async () => {
   await page.goto(url + '/about')
   expect(await page.textContent('h1')).toMatch('About')

packages/playground/ssr-vue/src/entry-server.js

@@ -1,15 +1,6 @@
 import { createApp } from './main'
 import { renderToString } from 'vue/server-renderer'
 import path from 'path'
-import assert from 'assert'
-
-// test require relative path
-const { foo } = require('../config')
-assert.strictEqual(foo, 'foo')
-// test require bare module
-const serverRenderer = require('vue/server-renderer')
-// test require and import result point at the same object
-assert.strictEqual(serverRenderer.renderToString, renderToString)
 
 export async function render(url, manifest, rootDir) {
   const { app, router } = createApp()

packages/playground/ssr-vue/src/pages/Require.vue

@@ -0,0 +1,28 @@
+<template>
+  <h1>{{foo}}</h1>
+</template>
+
+<script>
+export default {
+  async setup() {
+    if (typeof window === 'undefined') {
+      // code execute in server side
+      const { resolve } = require('path')
+      const cwd = process.env.JEST_WORKER_ID !== undefined ? resolve(process.cwd(), './packages/playground/ssr-vue') : process.cwd()
+      const { foo } = require(resolve(cwd, './config'))
+      return {
+        foo: foo
+      }
+    }
+    return {
+      foo: 'foo'
+    }
+  }
+}
+</script>
+
+<style scoped>
+h1 {
+  color: red;
+}
+</style>

packages/vite/src/node/ssr/ssrModuleLoader.ts

@@ -122,9 +122,8 @@ async function instantiateModule(
     return moduleGraph.urlToModuleMap.get(dep)?.ssrModule
   }
   const ssrRequire = (dep: string) => {
-    const { dirname } = path
     return require(require.resolve(dep, {
-      paths: [dirname(mod.file!)]
+      paths: [path.dirname(mod.file!)]
     }))
   }