diff --git a/guide/api-environment-frameworks.md b/guide/api-environment-frameworks.md index 6e84a0bb..950456f3 100644 --- a/guide/api-environment-frameworks.md +++ b/guide/api-environment-frameworks.md @@ -46,8 +46,12 @@ if (isRunnableDevEnvironment(server.environments.ssr)) { [SSR セットアップガイド](/guide/ssr#setting-up-the-dev-server)で説明されているように、ミドルウェアモードに設定された Vite サーバーがあるとして、Environment API を使って SSR ミドルウェアを実装してみましょう。エラー処理は省略します。 ```js +import fs from 'node:fs' +import path from 'node:path' +import { fileURLToPath } from 'node:url' import { createServer } from 'vite' +const __dirname = path.dirname(fileURLToPath(import.meta.url)) const server = await createServer({ server: { middlewareMode: true }, appType: 'custom', diff --git a/guide/build.md b/guide/build.md index 33fd6b35..2928e7d9 100644 --- a/guide/build.md +++ b/guide/build.md @@ -106,9 +106,12 @@ export default defineConfig({ ビルド時には、エントリーポイントとして複数の `.html` ファイルを指定するだけです: ```js twoslash [vite.config.js] -import { resolve } from 'path' +import { dirname, resolve } from 'node:path' +import { fileURLToPath } from 'node:url' import { defineConfig } from 'vite' +const __dirname = dirname(fileURLToPath(import.meta.url)) + export default defineConfig({ build: { rollupOptions: { @@ -134,9 +137,12 @@ HTML ファイルの場合、Vite は `rollupOptions.input` オブジェクト ::: code-group ```js twoslash [vite.config.js(単一エントリー)] -import { resolve } from 'path' +import { dirname, resolve } from 'node:path' +import { fileURLToPath } from 'node:url' import { defineConfig } from 'vite' +const __dirname = dirname(fileURLToPath(import.meta.url)) + export default defineConfig({ build: { lib: { @@ -162,9 +168,12 @@ export default defineConfig({ ``` ```js twoslash [vite.config.js(複数エントリー)] -import { resolve } from 'path' +import { dirname, resolve } from 'node:path' +import { fileURLToPath } from 'node:url' import { defineConfig } from 'vite' +const __dirname = dirname(fileURLToPath(import.meta.url)) + export default defineConfig({ build: { lib: {