Как правильно разбить js файлы в laravel?

Question

[Сергей Хлопов]

Здравствуйте подскажите пожалуйста как более правильно сделать. Делаю на сайте админ панель, в админ панели 5 страниц в итоге будет, на каждой странице соответственно своя логика. Вот допустим на одной странице вызывается API Яндекс.Карт и с помощью этого api мы рисуем прямоугольник на карте, а на другой странице нам тоже нужна Яндекс.Карта только мы не рисуем прямоугольник а просто ставим метки. Собственно как правильно организовать подключение js файлов ? На каждую страницу собирать свой отдельный .js файл ?, но тогда пользователь на каждой странице будет каждый раз грузить новый js файл. А если не разбивать и делать что бы всё было в одном файле, то тогда с консоли появляются ошибки то что не удалось получить элемент с классом "app" допустим, потому что собственно такого элемента на этой странице нет. Сейчас мой файл webpack.mix.js выглядит так:

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css')
   .js('resources/js/Admin/app.js', 'public/js/adm.js') //admin js
   .sass('resources/sass/auth/app.scss', 'public/css/adm.css'); //admin css

Подскажите пожалуйста что можно сделать. Заранее благодарю за ответ.

Comments

[Islam Ibakaev]

event delegation?

Answer 1

[iAdil]

Я думаю в js файле можно прописать нужные функции, например:

function draw1()
{
...
}

А запускать их или на onload на странице (на каждой странице свою функцию):
page1.html

<script>
draw1();
</script>

или же на каждой странице устанавливать свою константу
let DRAW1 = true
А в общем .js файле после onload проверять константы

if(DRAW1...)
{
draw1();
}

Comments

[Сергей Хлопов]

Благодарю за ответ