Size: a a a

JavaScript — русскоговорящее сообщество

2020 February 24

Z

Zaff in JavaScript — русскоговорящее сообщество
Zaff
угу, поэтому примерно того же самого обычно добиваются конфигом в сборке
к примеру, посмотри тут что делается с свг https://github.com/ninelines-team/ninelines-template/blob/master/gulpfile.js
все айдишки очищаются и свг элементу задается айди исходя от названия свг файла, потом он уже запрашиваются xhr запросом с помощью use
источник

L

Lookarious in JavaScript — русскоговорящее сообщество
Zaff
угу, поэтому примерно того же самого обычно добиваются конфигом в сборке
к примеру, посмотри тут что делается с свг https://github.com/ninelines-team/ninelines-template/blob/master/gulpfile.js
Я сам пользуюсь обычным импортом, просто подумал а про тех кто не пользуется
источник

L

Lookarious in JavaScript — русскоговорящее сообщество
Zaff
все айдишки очищаются и свг элементу задается айди исходя от названия свг файла, потом он уже запрашиваются xhr запросом с помощью use
Я тоже самое делаю но без очистки id
источник

Z

Zaff in JavaScript — русскоговорящее сообщество
Lookarious
Я сам пользуюсь обычным импортом, просто подумал а про тех кто не пользуется
что имеется ввиду под обычным импортом?
источник

L

Lookarious in JavaScript — русскоговорящее сообщество
Хорошо все забыл
источник

L

Lookarious in JavaScript — русскоговорящее сообщество
Zaff
что имеется ввиду под обычным импортом?
import someSvg from './icons/someSvg.svg'
источник

M

Michael in JavaScript — русскоговорящее сообщество
Lookarious
Инлайн отвратительен
не в случае с svg
источник

Z

Zaff in JavaScript — русскоговорящее сообщество
Lookarious
Я тоже самое делаю но без очистки id
ну идея сама вроде классная, если она реализуема
не надо писать конфиг для сборщика, а просто поставить твой пакет который через дата аттрибут все то же самое будет делать
источник

M

Michael in JavaScript — русскоговорящее сообщество
без use case любая идея пшик💭
источник

Z

Zaff in JavaScript — русскоговорящее сообщество
Lookarious
import someSvg from './icons/someSvg.svg'
в реакте с 16.какой-то версии это решается через
import { NameForSVG as ReactComponent } from './path/file.svg'

можно потом юзать его как
<NameForSVG /> и будет вести себя как инлайновый
источник

SS

S S in JavaScript — русскоговорящее сообщество
Zaff
в реакте с 16.какой-то версии это решается через
import { NameForSVG as ReactComponent } from './path/file.svg'

можно потом юзать его как
<NameForSVG /> и будет вести себя как инлайновый
Ниче себе
источник

Z

Zaff in JavaScript — русскоговорящее сообщество
они завезли какой-то конфиг под react-scripts, который позволяет так работать
источник

SS

S S in JavaScript — русскоговорящее сообщество
Zaff
они завезли какой-то конфиг под react-scripts, который позволяет так работать
Это только cra?
источник

L

Lookarious in JavaScript — русскоговорящее сообщество
Zaff
в реакте с 16.какой-то версии это решается через
import { NameForSVG as ReactComponent } from './path/file.svg'

можно потом юзать его как
<NameForSVG /> и будет вести себя как инлайновый
Да в парселье есть SVGR который делает почти тоже самое
источник

Z

Zaff in JavaScript — русскоговорящее сообщество
S S
Это только cra?
Да, в CRA он уже преднастроен, но ты можешь покопаться в конфиге и притащить эту часть к себе на вебпак
источник

Z

Zaff in JavaScript — русскоговорящее сообщество
@lookarious твое решение думаю будет больше полезен вне всяких сборок
источник

L

Lookarious in JavaScript — русскоговорящее сообщество
Zaff
@lookarious твое решение думаю будет больше полезен вне всяких сборок
У меня ещё поддержка получения svg с какого-то сайта, например
http://www.example.com/icons/some.svg
источник

L

Lookarious in JavaScript — русскоговорящее сообщество
А в use этого нету, но есть <object> который может вызывать svg шки
источник

M

Michael in JavaScript — русскоговорящее сообщество
cors тебе выстегнет🤤
источник

AI

Anton Ignatev in JavaScript — русскоговорящее сообщество
Michael
cors тебе выстегнет🤤
Не факт
источник