Установка местоположения пакетов JavaScript для производства Angular в index.html

В приложении Angular 6 у меня есть собственный файл JavaScript, который я хотел бы загрузить после минифицированных пакетов, созданных ng build --prod.

Желаемый результат

<!doctype html>
<html lang = "en">
<head>
    <!-- ... -->
</head>
<body>
    <!-- ... -->
    <script src = "runtime.06daa30a2963fa413676.js"></script>
    <script src = "polyfills.f6ae3e8b63939c618130.js"></script>
    <script src = "scripts.3093c8de343a90aee8a5.js"></script>
    <script src = "main.2f79061174841f85d990.js"></script>

    <script src = "customScript.js"></script>
</body>
</html>

Проблема

По умолчанию пакеты JavaScript добавляются в конец тега <body>, что заставляет customScript.js загружаться перед ними.

Можно ли указать, в какую строку index.html Angular CLI следует добавлять пакеты скриптов, созданные с помощью Angular CLI, или, по крайней мере, помещать их перед пользовательским скриптом?

Попробуйте добавить свой собственный файл js в файл angular cli, как показано ниже. "Scripts": ["customScript.js"] medium.com/@davembush/…

— 20.11.2018 12:00

К сожалению, не могу. Намерение состоит в том, чтобы хранить этот файл вне связанного приложения и хранить его только на сервере.

— 20.11.2018 12:47

javascript angular webpack angular-cli

20.11.2018 09:51

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Другие вопросы по теме

Средство выбора диапазона дат ngx-bootstraap не работает с кодом, сгенерированным фреймворком Cordova для Android

Экспорт Pdf из html в angular 6

Angular 5 * ng для массива объектов

Невозможно получить токен от Firebase для обмена сообщениями

Регулярное выражение для поля имени в приложении Angular, которое допускает только алфавиты, но со всех языков

Как вставить таблицу Excel и MS Word и отредактировать ее на сайте в Angular

Angular 7 устанавливает значения реактивной формы при загрузке компонента, чтобы включить кнопку сохранения, даже если форма не проверена

Как исключить файлы скриптов в angular.json?

Отображение const в шаблоне с Angular 4 / ionic

Angular 4 Typescript - построение массива дат последующих 7 дней

Установка местоположения пакетов JavaScript для производства Angular в index.html

Другие вопросы по теме

Похожие вопросы