blog新米webエンジニアによる技術ブログ。独立したサーバーとして使う場合の方法です。系の情報になっており少々古いです。リポジトリを参考にしてください。いう仕組みが使える(後述)といった機能を備えているため、ローカルで開発する分にはこちらを使う方が便利です。ここではその基本的な使い方と、個人的に気をつけたいと思った部分をポイントとしてまとめておこうと思います。いった仕組みで動いているのかについては言及しません。(私も理解していません。)そういった話についてはこの記事が参考になりそうです。独立したサーバーとして使う場合の方法です。組み込む場合の手順はこちら。内容を読み込み、ビルドを行います。アクセス可能になります。つくかどうかの違いは後ほど説明します。するように動作します。いうオプションを指定します。以下のようになっていたとします。いうのも指定する必要があるそうです。起動時にバンドルしたモジュールはこの相対パスから配信されることになります。コピーする必要もなくなります。ディレクトリに出力します。指定する必要があります。指定することもできます。従いファイルのビルドを行いますが、結果はファイルに出力されません。ビルドしたファイルはメモリ上に保存されるため、正しく動作します。以下のように記載されています。ため、特に気にしなくて良さそうです。以下の記載があります。いう2つのモードがあります。Refresh)を備えています。Replacement(HMR)に対応しています。mode特に何も設定しなかった場合のモードです。表示される画面は下のキャプチャのように、アプリケーション上部にヘッダーのようなものが表示された状態です。埋め込まれているのがわかります。指定して実行する必要があります。違ってヘッダー部分もなく、開発中のアプリケーションそのものが表示されます。表示することが可能です。よって「どちらのモードで見ているか」という言い方が変わってくるだけ、という理解です。アプリケーションが表示される?これ、私もしばらく原因がわかっていませんでした。アプリケーションが普通に表示されています。あるので表示されるだけです。正しくサーバーが起動していれば、ファイルを変更した時、ブラウザのコンソールに以下のように表示されるはずです。http://localhost:8080/ファイルの変更が正しく反映されないなーと思ったら確認してみてください。ファイルの変更時にブラウザ全体がリロードされていました。使うと、ブラウザ全体でなく変更したモジュールだけを差し替えることができます。これにより、フォームに入力中の値などを保持したまま必要な部分だけを更新することができます。違いをキャプチャにしてみました。フォームの入力値などが保持されているのがわかります。いうオプションを指定します。プラグインなどは必要ありません。表示時にブラウザのコンソールに以下のメッセージが表示されます。使えるようにするには、プラグインをインストールする必要があります。コードでしか試してませんが、ちゃんと動いてるので良さそうです。考えた方が良さそうです。どこで宣言すべきかこれも個人的にややこしいポイントです。定義していたりします。以下の記述があります。やっていることに違いがあるようです。以下の記述があります。追加も必要となるようです。オプションを使うことにします。指定をごっちゃにしてしまうと正しく動きません。自体は機能しているが、毎回上記のエラーがコンソールに表示される場合。両方指定しているのが原因です。指定は削除しましょう。表示される上記エラーが表示され、ブラウザに何も表示されない場合。