Google Maps Javascript APIを使用すると良い方法

Question

私はすべてのjavascriptファイルとjsプラグインなどを1つのjavascriptファイルにコンパイルして、自分のWebサイトに組み込むことに従います。今のところ私はこの目的のためにnpmでgulpを使っていますが、私が含めるライブラリがそういうものではないという点については本当に苦労しています。 Google Maps APIなど。では、どうすればこのようなケースに対処できますか？私は周りに尋ねてきたと私はあなたがPHPファイルを含めることができますようにjavascriptファイルを "含める"方法はないが、これは最終的な答えですか？

実行時に他のファイルをjQueryに含めることができますが、追加のhttp呼び出しを避けていないことがわかっています。理想的なのは、必要なすべてのjsコードを持つjavascriptファイルを呼び出すことです。

javacriptでrequireを使用している場合でも、必要なファイルは適切な形式でなければならず、変数bla bla blaに割り当てる必要がありますが、このようなスクリプトを含めると、すべてが自分のスコープに正しく含まれます。 。

どうすれば対処できますか？もしgulpのようなjavascriptコンパイラがすべてのjavascriptソースファイルの内容をコピーし、それらを1つのマージされた単一のファイルに貼り付けると良い習慣でしょうか？それはすべてのファイルを呼び出すのと同じように動作しませんか？

私はGoogleマップのAPIに問題がありますが、問題がより一般的なので、私は上記の質問にもお答えください。私はこの

<script async defer 
     src="https://maps.googleapis.com/maps/api/js?key=MYKEY&callback=Mycallback"> 
</script> 

のようにそれを含めるしかし、どのように私は図書館を含め、私の縮小さ道にこれをマージすることができたときにとにかくGoogleマップのAPIの場合には、私はそれを完全に罰金働いていますか？私はgoogle maps api（例えばthisのような）と統合するいくつかのnpmライブラリを使用しようとしましたが、CORSの問題が発生しており、これは予想された動作だと思います。

ありがとうございます！申し訳ありませんが、何か愚かな音がある場合、私はコーディングの良い方法を学ぼうとしています。

Answer 1

まともな質問です。 私は専門家ではありませんが、私のサブ質問/回答があります： 'async' atributeは同時にHTMLとスクリプトを読み込みます。地図がサイトの主な機能であれば、HTMLファイルの読み込みの最上位に配置されるので、必ずしもその底に位置するとは限りません。