Как объединить все файлы Angular в один файл js?

Я использую Angular.

Если использовать команду по умолчанию `npm run build`, она создает выходной каталог` / dist` со следующей структурой:

Как объединить все эти файлы в один файл source.js для удобства использования на другой странице .

А как быть с / assets / файлами типа картинок, css, шрифтов?

603fe6ef94292783908952.png
  • Вопрос задан
  • 85 просмотров
Пригласить эксперта
Ответы на вопрос 1
bingo347
@bingo347
Ткнуть в доку лучше готового к копипасте ответа
Ангуляр все правильно собрал, объединять эти файлы - плохая идея.
Давайте разложим по полочкам:
- Половина файлов - это файлы с расширением .js.map - они никак не влияют на работоспособность сайта/приложения, а нужны для того, чтоб в отладчике Вы видели не результат сборки, а нечто похожее на исходники.
- Дальше, у Вас есть файлы -es5.js и -es2015.js, первые нужны для поддержки старых браузеров, а вторые как правило легче, так как в современном синтаксисе много сахара, который сокращает код.
- Ну и наконец:
есть scripts - точка входа, маленькая и компактная, которая определит какие версии скриптов грузить и загрузит их
есть main - непосредственно Ваше приложение, часть которая меняется на каждый чих, а значит неэффективно кэшируется
есть vendor - сторонний код, из установленных библиотек, меняется редко (когда новую библиотеку подключаете например), а значит хорошо кэшируется
есть polyfill - код для поддержки старых браузеров, меняется редко, да еще и где не нужен можно не грузить.
runtime - сам ангуляр
styles - вот тут возможно стоит поколдовать со сборкой, чтоб в .css извлечь
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы