File tree 2 files changed +14
-9
lines changed
2 files changed +14
-9
lines changed Original file line number Diff line number Diff line change @@ -51,7 +51,7 @@ export const jaConfig = defineConfig({
51
51
text : 'コマンドラインインターフェース' ,
52
52
link : '/ja/concepts/command-line-interface' ,
53
53
} ,
54
- // { text: '開発サーバー', link: '/ja/concepts/dev-server' },
54
+ { text : '開発サーバー' , link : '/ja/concepts/dev-server' } ,
55
55
// { text: 'プレビューサーバー', link: '/ja/concepts/preview-server' },
56
56
// { text: 'プラグインコンテナー', link: '/ja/concepts/plugin-container' },
57
57
// { text: 'モジュールグラフ', link: '/ja/concepts/module-graph' },
Original file line number Diff line number Diff line change 2
2
3
3
Viteの開発サーバーは、一般的なWebサーバーと同様に、特定のURLに対するリクエストを受け取り、特定のリソースを返します。
4
4
5
- どんなURLへのリクエストに対してどんなリソースを返すかは、Webサーバーの実装次第です。たとえば、 ` /index.html ` というURLに対するリクエストに、Webサーバーのファイルシステムにおける ` /index.html ` を返す必要はありません。かわりに ` /www/index.html ` ファイルを返すことが可能です。
5
+ どんなURLへのリクエストに対してどんなリソースを返すかは、Webサーバーの実装次第です。たとえば、 ` /index.html ` というURLに対するリクエストに、Webサーバーのファイルシステムにおける ` /index.html ` を返す必要はありません。かわりに ` /www/index.html ` ファイルを返すことが可能です。また、 ` /src/index.ts ` というURLに対するリクエストに、URLの見た目から推測されるとおりにTypeScriptのコードを返す必要もありません。
6
6
7
- なお、リクエストに対応する処理を決定するのはURLだけでなく、リクエストのその他の点(例:HTTPヘッダー)も考慮して決定される場合もあります。
7
+ ::: tip
8
+ URL (Uniform Resource Locator) とは、インターネット上の固有のリソースのアドレスであって、そのアドレスに実際に何があるかをあらわしたものではないことに留意してください。
9
+ :::
8
10
9
- これらの条件にもとづいて、Viteの開発サーバーは、さまざまなリクエストに対してさまざまな処理をおこないます。
11
+ なお、リクエストに対応する処理を決定するのはURLだけでなく、リクエストのその他の属性(例:HTTPヘッダー)も考慮して決定される場合もあります。
12
+
13
+ リクエストにまつわる諸条件にもとづき、Viteの開発サーバーは、さまざまなリクエストに対してさまざまな処理をおこないます。
10
14
11
15
## ルーティングとミドルウェア
12
16
13
17
リクエストに対する特定の処理(関数)を「ミドルウェア」といい、特定のURLへのリクエストに対してどのミドルウェアを実行するかを「ルーティング」といいます。Viteでは、[ connect] ( https://www.npmjs.com/package/connect ) を利用してルーティングをおこない、たとえば以下のようなリクエストと処理の関係が定義されています。
14
18
15
- | リソース | URL例 | ミドルウェア |
16
- | :----------------- | :---------------- | :-------------------- |
17
- | HTMLリソース | ` /index.html ` | ` indexHtmlMiddleware ` |
18
- | JavaScriptリソース | ` /src/index.ts ` | ` transformMiddleware ` |
19
- | CSSリソース | ` /src/styles.css ` | ` transformMiddleware ` |
19
+ | リソース | URL例 | ミドルウェア | ファイルシステム上の対応するファイル |
20
+ | :-------------------------------------- | :---------------- | :---------------------- | :----------------------------------- |
21
+ | エントリーポイントとしての ` index.html ` | ` /index.html ` | ` indexHtmlMiddleware ` | ` <PROJECT_ROOT>/index.html ` |
22
+ | JavaScriptリソース | ` /src/index.ts ` | ` transformMiddleware ` | ` <PROJECT_ROOT>/src/index.ts ` |
23
+ | CSSリソース | ` /src/styles.css ` | ` transformMiddleware ` | ` <PROJECT_ROOT>/src/styles.ts ` |
24
+ | 公開静的ファイルリソース | ` /favicon.ico ` | ` servePublicMiddleware ` | ` <PROJECT_ROOT>/public/favicon.ico ` |
You can’t perform that action at this time.
0 commit comments