Как динамически загружать файлы javascript на веб-сайте, отображаемом на стороне сервера?
Существует веб-сайт с большим количеством файлов javascript. Веб-сайт не использует фреймворк, только webpack, jquery и другие плагины, которые устанавливаются через npm. Просто простой html-сайт и laravel для бэкенда.
Все файлы javascript необходимы для main.js. И файлы main.js добавляются в html-файл шаблона.
Как загрузить для каждой страницы только те файлы, которые необходимы для этой страницы? Например, если вы посещаете страницу контактов, клиент должен загрузить только файл contact.js без других файлов, таких как products.js, register.js и т. д.
Конечно, я мог бы включить каждый файл js на свою страницу, не загружая все файлы js в один файл. Но, может быть, есть более разумный способ, как это можно реализовать в моей ситуации со стороны javascript и веб-пакета?
Теперь размер моего файла javascript составляет 2 МБ, для некоторых страниц требуется только небольшая его часть. Итак, мне нужно для каждой страницы загрузить только то, что для этого нужно.
Нет рамок. Просто классический серверный рендеринг html и веб-пакет для управления файлами css и js.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Если это классический сервер, то я не думаю, что это возможно. С библиотекой Javascript, такой как React, вы могли бы подумать о разделении кода.
Я думаю, что ваш первоначальный подход, который разбивал их на соответствующие файлы .js, в нынешнем виде является лучшим подходом.
Можете ли вы использовать RequireJs? Это оптимизирует ваш код и производительность
Вы используете Реакт?