[フロントエンド] webpack-dev-serverで、一部のリクエストを別サーバーへ転送する（Proxy利用） - YoheiM .NET
こんにちは、@yoheiMuneです。 今日はWebpackを用いたフロントエンドの開発で、一部のリクエストのみ、別サーバーへプロキシする（リクエストを転送する）方法をブログに書きたいと思います。 目次 やりたいこと WebpackDevServerを用いると、簡単にローカル環境で開発用のサーバーを起動できます。 それだけでも開発は非常に効率的に行えますが、サーバーサイドとAPI結合した開発をする際には少し考慮が必要です。サーバーサイドとの結合と言っても、いくつかパターンがありますが、ドメインは一緒で、パスによってサーバーに接続するような場合を、今回は考慮したいと思います。 例えば、以下のようなサイトのURLだったとして、 http://local.yoheim.net/ /apiのみ、バックエンドの別のサーバーへリクエストを流したいとします。 # 例えばこんなURLをバックエンドサーバー
![[フロントエンド] webpack-dev-serverで、一部のリクエストを別サーバーへ転送する（Proxy利用） - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/af28d6ae57e5600b15f578f7d17f227a19ca6da7/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F516.jpg)
[フロントエンド] ビルドツールのWebpackに入門する - YoheiM .NET
こんにちは、@yoheiMuneです。 最近はWebpackというフロントエンドのビルドツールを使う機会が増えてきて、やっとしっくり来る感じで理解できました。今回はWebpackについて、どのプロジェクトでも使う基本的なことを纏めてみたいと思います。 目次 Webpackとは Webpackとはフロントエンドにおけるビルドツールの1つです。フロントエンドのビルドツールでは他にGulpとGruntがありますが、それらの仲間といった感じです。Webpackは主にJavaScript用のビルドツールです。CSSもJSに埋め込む事もできますが、仕事ではCSSはgulpなどで別にコンパイルすることが多いです（高速化の観点からCSSとJSは別にした方が良いことが多い）。 Webpackの要点をまとめてみると、 主にJavaScriptをビルドするために使う entryでコンパイル元を指定して、outp
![[フロントエンド] ビルドツールのWebpackに入門する - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ece80b7aae2d035628eb01cf993c6452f546d11/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F466.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
