Import SVG aus der Datei und fügen Sie sie in Eckige zu bündeln 2+

stimmen
1

Ich suche nach einem optimalen Weg, um die Symbole Bibliothek für Angular Rahmen an Autor.

Wir wollen End-Entwickler in der Lage sein individuelle Symbole aus der Bibliothek zu importieren und Inline sie in ihren Vorlagen. Die importierten Symbole sollten direkt an die Anwendung des Bündel hinzugefügt werden (anstatt sie einzeln von URL holen) und nicht verwendete Symbole sollten nicht das Bündel (zB durch Verwendung von Baumfreundlichen Ansatz Schütteln) aufblasen.

Der einfachste Ansatz wäre, eine einzelne Komponente für jedes Symbol zu erstellen und bettet den SVG-Inhalt direkt auf die Vorlage der Komponente. Dies würde jedoch eine Menge Authoring Arbeit erfordern zu produzieren / pflegen diese Komponenten, so ist es nicht ein sehr bequemer Ansatz. Auch würde eine solche Komponenten nur in Schräg arbeiten, aber wir wollen die Bibliothek etwas Rahmen Agnostiker machen.

Die beste Lösung wäre SVG-Inhalt zu laden, direkt aus den einzelnen SVG-Dateien und bettet den Inhalt an das Anwendungspaket und dann den Inhalt ausgeben, wahrscheinlich eine einzige dynamische Komponente.

Allerdings gibt es eine Möglichkeit, tatsächlich SVG-Datei zu importieren und zu den Build hinzufügen nur Angular CLI verwenden?

Die Aufgabe scheint trivial mit Webpack, aber wir können nicht die Webpack Konfiguration in Angular CLI direkt zugreifen.

Veröffentlicht am 20/10/2018 um 12:44
quelle vom benutzer
In anderen Sprachen...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more