Использование Google maps Javascript API хороший способ

Question

Я стараюсь следовать практике компиляции всех моих файлов javascript и js-плагинов и т. Д. В один файл javascript, который затем включается в мой сайт. До сих пор я использовал gulp с npm для этой цели, но я действительно боюсь, когда дело доходит до того, что библиотеки, которые я хочу включить, не работают так. Например, API Карт Google. Итак, как я могу справиться с такими случаями? Я просил, и я слышал, что нет возможности «включить» файл javascript, например, вы можете включить php-файл, но является ли это окончательным ответом?

Я знаю, что вы можете включить другие файлы с jQuery во время выполнения, но таким образом вы не избегаете дополнительных HTTP-вызовов, помните, что идеальным случаем является вызов одного файла javascript, который содержит весь код js, который вам нужен.

Даже когда я использую require в JavaScript, необходимый файл должен иметь правильный формат, и я должен присвоить его переменной бла бла бла, но когда я включаю сценарий, как этот <script type="text/javascript" src="myjsfile.js"></script> все включено в моей компетенции правильно ,

Как я могу обойти это? Было бы хорошей практикой, если компилятор javascript, подобный gulp, скопировал содержимое всех моих исходных файлов javascript и вложил их в один объединенный файл? Разве это не будет работать так же, как вызвать все эти файлы?

Ну, я начал этот вопрос, потому что у меня проблемы с картами goi google, но проблема более общая, поэтому, если вы можете мне помочь, ответьте на вышеуказанные вопросы. Во всяком случае в апи случае Google Maps, я работаю с ним прекрасно, когда я включаю его, как этого

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

Но как я могу объединить это в мой уменьшенном путь, включая библиотеки? Я попытался использовать некоторые библиотеки npm, которые интегрируются с Google Maps api (например, this), но я получаю проблемы с CORS, и я думаю, что это ожидаемое поведение.

Заранее благодарен! Извините, если что-то звучит глупо, я пытаюсь изучить хороший способ кодирования.

Answer 1

Приличный вопрос. Я не эксперт, но есть мой вопрос/ответ: 'async' Атрибут позволяет одновременно загружать html и скрипт (ы). Если карта является основной особенностью сайта, я бы поставил поверх загружаемого html-файла, чтобы он не всегда правил размещать в нижней части.