Size: a a a

Angular - русскоговорящее сообщество

2021 June 25

ГЩ

Глеб Щукин in Angular - русскоговорящее сообщество
именно
источник

R

Rus in Angular - русскоговорящее сообщество
Привет всем! мне нужно получить данные через get запрос включая данные параметры. но насколько я посмотрел http.get в ангуляре не принимает number значения. Подскажите что делать?
источник

РА

Руслан Алиев... in Angular - русскоговорящее сообщество
Микро вопрос.
Приветствует ли в angular написание маленьких компонентов?

(абстрактный код)
Пример 1:
{{ name | transalte }}
Пример 2:
<p class="class-name"> {{ name }} </p>

(очевидно, что если шаблон имеет стили или какую-то логику то конечно лучше обернуть в компонент, но как быть в случае кода это просто слово которое нужно перевести или tag с одним глобальным классом)
источник

R

Rus in Angular - русскоговорящее сообщество
pipe использовать?
источник

SD

Stanislav Dior in Angular - русскоговорящее сообщество
можно, но зачем, когда есть директивы и пайпы
источник

РА

Руслан Алиев... in Angular - русскоговорящее сообщество
да это вариант, но напомню вопрос Приветствует ли Angular написание маленьких компонентов? Может есть какие-то технические особенности и недостатки
источник

РА

Руслан Алиев... in Angular - русскоговорящее сообщество
да, но компонентный это единая точка входа, можно централизованно и легко управлять поведением. Может быть для создания инстанса компонента, тратиться больше времени чем просто иметь готовый шаблон.
источник

R

Rus in Angular - русскоговорящее сообщество
я не эксперт но все же мое мнение. если создать тысячу различных компонентов с одним единственным словом то загрузятся они дольше чем один текст из этих же слов. да и бандл будет больше в размере. У компонента должна быть своя цель и задача но важно и не перезагружать компонент чтобы он долго не грузился. повторюсь еще раз что я могу ошибаться
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
ангуляру всеравно
источник

В

Владимир in Angular - русскоговорящее сообщество
скоупы не влияют на то, как бандл соберется, они строят граф зависимостей чтобы ты на этапе разработки не протекал логикой из одного слоя в другой. Проверь, нет ли у тебя в коде основного модуля зависимостей от либ — помимо тех, что в лези-модуле подключены?
источник

ГЩ

Глеб Щукин in Angular - русскоговорящее сообщество
сейчас получается, что влияет.
создано "пустое" приложение. с одним роутом.
и как только в appModule приложения я  импортирую любой модуль из либы используя npm-scope - вся либа летит в main.js.
исправляю импорт на абсолютный путь - всё становится норм
источник

В

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

ГЩ

Глеб Щукин in Angular - русскоговорящее сообщество
оба варианта.
я импорчу из либы "лёгкий" компонент (его модуль) в appModule. а "тяжёлый" компонент загружаю в роуте.
но когда используется npm-scope оба модуля (точнее вся либа, но тришейкингом как я понимаю всё выпиливается кроме двух модулей) летят в main. а в lazy чанке остаётся только код самого модуля (пара килобайт)
источник

В

Владимир in Angular - русскоговорящее сообщество
когда ты импортишь легкий — он за собой притащит все собственные зависимости. вот у тебя вся (почти) либа и прилетела в основной. Теоретически))) не видя реализации гадать сложно. Попробуй сделать легкий и тяжелый компонент отдельными либами
источник

ГЩ

Глеб Щукин in Angular - русскоговорящее сообщество
в том то и дело, он (лёгкий) тенят не только свои зависимости, а вообще всё
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
в этой либе есть индекс файл в котором экспортируется и легкий и тяжелый одновременно?
источник

ГЩ

Глеб Щукин in Angular - русскоговорящее сообщество
ну да, индекс экспортит всё. это не так должно работать? как я понимаю это некая точка выхода для npm-scope?
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
поэтому и попадает тяжелый в мейн (скорее всего)
источник

ГЩ

Глеб Щукин in Angular - русскоговорящее сообщество
тогда я не понимаю, как это должно работать. ведь в  npm-scope попадает только то, что я экспортирую из этого файла
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
что бы образовался лейзи чанк с модулем
надо что бы никто прямо его не импортировал, и ничего из него не импортировал
источник