Нужно ли включать весь мой файл javascript при загрузке главной страницы индекса?AngularJs SPA Javascript файл
В приложении с одной страницей, когда мы не вошли в систему, мы включаем весь наш .js-файл в основной файл индекса. Это содержит файл js, который необходим только тогда, когда пользователи вошли в систему.
Что такое лучший подход к управлению угловым приложением в этом контексте?
Простой ответ: да.
Ваше приложение одностраничное, поэтому вы можете объединить все файлы JS в один и загрузить его по одному запросу. Это экономит время для обработки в будущем.
В качестве альтернативы создайте две страницы login.html и others.html, а затем загрузите два разных набора файлов JS соответственно.
Как правило, в настоящее время пропускная способность не является узким местом, загрузка большего JS-файла не создает проблем (обычно).
Вы можете разделить свой код на несколько модулей, а затем просто загрузить js, необходимые для этого модуля.
Я предлагаю использовать Gulp с пакетами для инъекции HTML, если это необходимо. Затем у вас есть отдельные строки кода в качестве держателей места для вашего Javascript, и вы запускаете задачу Gulp, чтобы вставить Javascript в те области, где это необходимо.
Вы также можете запустить задачи gulp, чтобы минимизировать ваши js только в нескольких мини-файлах. Вам нужно будет убедиться, что ваш js в минимальной безопасности (глоток тоже может это сделать).
Если вы делаете AMD - чаще всего с помощью RequireJS - тогда вам не нужно будет включать все с самого начала.
Некоторое время назад мы выполнили аналогичный проект, хотя без AngularJS, и с помощью RequireJS мы сделали разные страницы, которые используют разные файлы. И таким образом, браузеры людей никогда не будут загружать определенные файлы, если они никогда не перейдут на определенные страницы.
(Конечно, у нас было много страниц внутри приложения, а не только 2 или 3, где это не имело бы никакого значения.)