Size: a a a

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

2020 February 21

🧤K

🧤 Andrei Kapytau in Angular - русскоговорящее сообщество
Anton Shvets
я использую свг-лоадер чтобы вытащить картинки из файлов и вставить в разметку
источник

AS

Anton Shvets in Angular - русскоговорящее сообщество
у меня свой компонент. я делаю типа require('!svg-inline-loader!src/assets/icons/archive-24px.svg') и получаю стринг с свг разметкой
источник

🧤K

🧤 Andrei Kapytau in Angular - русскоговорящее сообщество
Anton Shvets
у меня свой компонент. я делаю типа require('!svg-inline-loader!src/assets/icons/archive-24px.svg') и получаю стринг с свг разметкой
А зачем так?
источник

S

Stepanyan in Angular - русскоговорящее сообщество
Anton Shvets
я использую свг-лоадер чтобы вытащить картинки из файлов и вставить в разметку
a заменять импортом ?
источник

AS

Anton Shvets in Angular - русскоговорящее сообщество
Stepanyan
a заменять импортом ?
вы знаете отличия import от require?
источник

AS

Anton Shvets in Angular - русскоговорящее сообщество
🧤 Andrei Kapytau
А зачем так?
прост. в конечном итоге что-то вроде mat-icon, просто у меня материала нет в проекте.
Компонент то давно готов и исползовался, только что-то в девятке оно изволило ругатсья на require
источник

n

nkun in Angular - русскоговорящее сообщество
Anton Shvets
ангулян же об этом пишет в консоли
Не видел
источник

S

Stepanyan in Angular - русскоговорящее сообщество
Anton Shvets
вы знаете отличия import от require?
не видел что у вас там файл
источник

🧤K

🧤 Andrei Kapytau in Angular - русскоговорящее сообщество
Anton Shvets
прост. в конечном итоге что-то вроде mat-icon, просто у меня материала нет в проекте.
Компонент то давно готов и исползовался, только что-то в девятке оно изволило ругатсья на require
Ну вообще было бы лучше грузить ангуляром имхо, как здесь https://github.com/czeckd/angular-svg-icon/blob/master/projects/angular-svg-icon/src/lib/svg-loader.ts. а какая версия ноды?
источник

🏡K

🏡 ILshat Khamitov in Angular - русскоговорящее сообщество
Anton Shvets
у меня свой компонент. я делаю типа require('!svg-inline-loader!src/assets/icons/archive-24px.svg') и получаю стринг с свг разметкой
вот так делал на анг9, вроде работает
https://github.com/EndyKaufman/ngx-dynamic-form-builder/blob/develop/apps/demo/src/app/pages/home-page/home-page.component.ts#L12

require('!!raw-loader!../../shared/pipes/safe-html.pipe.ts').default
источник

AS

Anton Shvets in Angular - русскоговорящее сообщество
как раз этого я и хотел избежать :)))
нода 13,7, версия типов 12,12, разницы ж быь не должно, это просто описание переменной.
источник

🧤K

🧤 Andrei Kapytau in Angular - русскоговорящее сообщество
Anton Shvets
как раз этого я и хотел избежать :)))
нода 13,7, версия типов 12,12, разницы ж быь не должно, это просто описание переменной.
Ну вообще ангуляр требует ноду не выше 12
источник

🧤K

🧤 Andrei Kapytau in Angular - русскоговорящее сообщество
Anton Shvets
как раз этого я и хотел избежать :)))
нода 13,7, версия типов 12,12, разницы ж быь не должно, это просто описание переменной.
А почему? Это более гибкое решение
источник

🧤K

🧤 Andrei Kapytau in Angular - русскоговорящее сообщество
Ну и почему не определить эти свг в исходниках?
источник

N

Nik in Angular - русскоговорящее сообщество
Anton Shvets
как раз этого я и хотел избежать :)))
нода 13,7, версия типов 12,12, разницы ж быь не должно, это просто описание переменной.
А какой смысл использовать промежуточные версии ноды? Которые не LTS?
источник

N

Nik in Angular - русскоговорящее сообщество
Anton Shvets
я использую свг-лоадер чтобы вытащить картинки из файлов и вставить в разметку
Почему бы не использовать свг спрайт который один раз загрузится и закешируется браузером? Зачем свг гнать по сети каждый раз?
источник

🧤K

🧤 Andrei Kapytau in Angular - русскоговорящее сообщество
Anton Shvets
как раз этого я и хотел избежать :)))
нода 13,7, версия типов 12,12, разницы ж быь не должно, это просто описание переменной.
Вот как семпл нашел, у нас похожий подход https://www.bennadel.com/blog/3562-creating-svg-icon-components-and-svg-icon-sprites-in-angular-7-2-0.htm
источник

🏡K

🏡 ILshat Khamitov in Angular - русскоговорящее сообщество
Nik
Почему бы не использовать свг спрайт который один раз загрузится и закешируется браузером? Зачем свг гнать по сети каждый раз?
он вшит будет, не будет гнатся
источник

N

Nik in Angular - русскоговорящее сообщество
🏡 ILshat Khamitov
он вшит будет, не будет гнатся
Да, тупанул, чёт про universal сразу подумал
источник

AS

Anton Shvets in Angular - русскоговорящее сообщество
🧤 Andrei Kapytau
Ну и почему не определить эти свг в исходниках?
ну так именно это оно и делает
источник