Как подключить файл js в другом файле js ( без сборщика), использовать потом данные во Vue?

Question

[danilr]

такая структура - есть главный файл html, папка js с несколькими файлами, один из них файл api.js, где хранится константа - объект, который мне надо использовать в другом файле js(в котором работаю со Vue). Как подключить один файл в другом без сборщика?

Comments

[danilr]

Alex, он пока называется watch.html. Плиз подскажи в чем ошибка ( в комментарии ниже)

[danilr]

Alex, без сборщика( в заголовке указал уже)
в body перед закрытием подключаю. В разметке нет ничего необычного, работало все до импорта

</div>

<script src="js/main.js"></script>

</body>

Answer 1

[Robur]

Без сборщика - подключайте все в html руками и нужные переменные передавайте через глобальную зону видимости

Comments

[danilr]

можно подробно пожалуйста что в каждый файл прописать?

[Robur]

file1.js:
var apiData = {}

file2.js:
console.log(apiData)

watch.html:

<script src="js/file1.js"></script>
<script src="js/file2.js"></script>

[danilr]

Robur, спасибо огромное! помогло!

Answer 2

[Eugene Chefranov]

https://learn.javascript.ru/modules
https://developer.mozilla.org/ru/docs/Web/JavaScri...

Comments

[danilr]

Не работает, Vue ломается

[Robur]

Однако, сейчас браузерной поддержки почти нет. Поэтому ES-модули используются в сочетании с системами сборки, такими как webpack, brunch и другими, при подключённом Babel.JS.