Inliner les icons svg afin de pouvoir récupérer les couleurs :)

[MoOx]

No description provided.

[bloodyowl]

faut foutre un webpack avant pour les inliner proprement IMO

[magsout]

@MoOx

Puis là de toute façon je pense que je vais le faire sans webpack.

Et tu veux fais comment ?

[MoOx]

fs.readFile ? (on est server side)

[magsout]

ou alors on utilise use ?

[MoOx]

Naaan c'est relou. On inline comme des cochonnes. Ca marche bien !
Et t'as pas de bug(s) de merde sur safari ou autre.
use ça veut dire que tu génères un sprite toussa, ça n'apporte pas grand chose finalement. Nos petits svg c'est que un peu de texte :)

[magsout]

Top la méthode que tu as utilisé pour inline les SVG, effectivement ça évitera les bug de use par contre, je n'ai jamais utilisé cette méthode, mais un sprite n'est pas necessaire, j'ai rien vu dans le doc, qui disait ça

[MoOx]

Bah use c'est pour faire référence à un id dans un svg, donc ça veut dire que t'as un gros svg avec tous tes icones dedans (c'est une sorte de sprite donc).

[lionelB]

C'est quoi le bug du use (pour ma culture perso) ?

[lionelB]

en regardant le code de SVGICon je me suis demandé si on pouvait pas utilisé ça https://github.com/rpominov/svgo-loader ?
(désolé si ça à l'air con, j'ai un peu du mal avec webpack)

[MoOx]

bug avec use on onClick sur safari ou seul les click sur un path non transparent fonctionne. Plutôt pénible pour un bouton carré que seul la forme exacte de l'icone soit cliquable.

Le site actuellement n'utilise pas webpack pour le rendu via react, c'est pour cela que je n'ai pas utilisé de loader.
Webpack est utilisé pour le js côté client (encore très pauvre) et les css.

[lionelB]

merci pour ta réponse