JavaScript - 複数のページが同じナビゲーションを共有します。重複を避けるためにこの共有ナビゲーションをどのように導入できますか?

Question

非常に一般的なシナリオです。以前は PHP のインクルードを使用して導入していましたが、フロント デスクではどのような方法でこれを行うことができますか?
現在導入されているライブラリにはjQueryとWebpackが含まれます

思い浮かぶのは次のとおりです:

1. Ajax リクエストを送信し、リクエストされたページをコンテナーに入れます:

   リーリー

2. ナビゲーションを jQuery コンポーネントにして、使用する各ページを初期化します

   リーリー

私の 2 つの考えは正しいでしょうか?
他にはどのような方法がありますか?
そして、一般的に使用される方法は何ですか?

Answer 1

まだテンプレートファイルがあるはずですが、jqコンポーネントを使用して実装するのは変な気がします...

Answer 2

nav を public js に書き込み、そこで初期化します。
すべてのページで初期化する必要はありません。