Il termine "strumento di costruzione" potrebbe essere spaventoso. Richiama alla mente fantasiosi strumenti da riga di comando che richiedono configurazione e strane dipendenze di sistema che si interrompono se li guardi male. A volte gli strumenti di compilazione sono così e ci andremo in questa serie. Ma in realtà uno strumento di costruzione è solo qualcosa che ti aiuta a semplificare il tuo processo. Automatizza qualcosa che stavi facendo in precedenza a mano.
IcoMoon, in questo senso, è uno strumento di costruzione. Era (è) uno strumento popolare per la creazione di caratteri di icone personalizzati. È meraviglioso per questo. Supporto qualsiasi strumento che incoraggi gli sviluppatori front-end a creare risorse personalizzate e semplificate proprio per ciò di cui hanno bisogno, piuttosto che includere il lavello della cucina (ogni icona sulla terra) e usarne solo parti. IcoMoon non è solo per i caratteri dell'icona @ font-face, ma può produrre blocchi SVG defs, che chiama sprite SVG (anche un termine perfettamente accettabile).
Fondamentalmente fai clic sulle icone che desideri e poi esportale e ottieni un blocco SVG defs perfetto da usare. Nota che non stanno ancora usando e non sono sicuro del perché, ma ciò significa che dovrai includere elementi di viewBoxaccessibilità da solo mentre li implementi. Crea un account lì e puoi salvare il progetto, il che significa che puoi tornare indietro e rimuovere / aggiungere elementi secondo necessità anziché ricominciare da capo. Questo lo rende davvero uno strumento di costruzione.
Importante da sapere su IcoMoon: puoi aggiungere il tuo SVG. Non sei limitato a ciò che vedi nell'app predefinita. Puoi ottenere SVG da altrove e aggiungerlo lì e salverà con il tuo progetto. Puoi usare IcoMoon come strumento di costruzione solo con il tuo SVG personalizzato e sarebbe comunque utile.