Как правильно подключить JS файл в другом JS файле?

Question

[CreativeStory]

Привет!
Есть задача: для облегчения правки кода на проекте разбить JS файлы, например:
- для одной страницы файл - car.js
- для другой страницы файл - page.js

Как в основном файле scripts.js можно подключить эти 2 файла?

Answer 1

[Дмитрий Беляев]

const script = document.createElement('script');
script.src = '/path/to/script.js';
document.head.appendChild(script);

Answer 2

[Алексей Юдов]

Устанавливайте node, разворачивайте webpack или gulp/grunt для того чтобы можно было биндить модули в общий файл script.js

Использовать require / import / export без компоновщика бесполезно, браузер не поймет.

Что такое webpack?

Видео WebPack:
https://www.youtube.com/watch?v=y5zxAriT0UA
https://www.youtube.com/watch?v=mU_vRythpgY

Comments

[CreativeStory]

да, спасибо!
а нативным способом без подключений такое возможно?

[Алексей Юдов]

CreativeStory, нет, браузер не поймет, любо руками <script> происыват, либо в один файл самому добавлять..

Answer 3

[Родион Шергин]

Если браузерная поддержка устроит то можно подключать через тег
<script type="module">
без использования бандлеров
https://learn.javascript.ru/modules-intro