Разделение большого файла JavaScript на несколько файлов меньшего размера

Я использую jQuery и jQuery UI для работы с DOM-элементами и нахожусь в этой ситуации.

index.html:

<html>
<head>
<link href="dashboard.css" rel="stylesheet">
</head>
<body>
<script src="dashboard.js"></script>
<body>
</html>

dashboard.js:

function addAccordian() {
  // some logic here
}

function addConnectedSortable() {
  // more logic here
}

function addPiecharts() {
  // a huge chunk of logic here

  // for example, 

  // several ...
  // hundred ...
  // line ...
  // of code

}

function readyFn(jQuery) {
  addAccordian();
  addConnectedSortable();
  addPiecharts();
}

$(document).ready(readyFn);

Я могу только изобразить dashboard.js файл растет все больше и больше со временем.

Вопрос: есть ли способ разбить его на несколько меньших файлов javascript и как-то include/import их?

Я пришел из Java, поэтому простите, если вопрос не имеет особого смысла.

Я открыт для любых предложений, так как этот проект еще рано, и мы гибки с технологиями, которые мы используем.

Источник

1 ответ

Решение

Просто создайте нужные файлы, а затем включите их в страницу. Я предлагаю вам включить их в элемент head, чтобы браузер мог загружать их одновременно.

<script src="file1.js" type="text/javascript"></script>
<script src="file2.js" type="text/javascript"></script>
<script src="file3.js" type="text/javascript"></script>

Источник
Другие вопросы по тегам