我正在寻找一种创作Angular框架图标库的最佳方法。
我们希望最终开发人员能够从库中导入单个图标并将其内联到模板中。导入的图标应直接添加到应用程序的捆绑软件中（而不是通过URL单独获取），并且未使用的图标不应使捆绑软件膨胀（例如，通过使用Tree Shaking友好方法）。
最直接的方法是为每个图标创建一个单独的组件，并将SVG内容直接嵌入到组件的模板中。但是，这将需要大量创作工作来生产/维护这些组件，因此这不是一种非常方便的方法。另外，这些组件仅在Angular中可用，但我们希望使库在某种程度上与框架无关。
最好的解决方案是直接从单个SVG文件中加载SVG内容，然后将内容嵌入到应用程序包中，然后可能使用单个动态组件将其输出。
但是，有没有一种方法可以仅使用Angular CLI实际导入SVG文件并将其添加到内部版本中？
对于Webpack来说，这项任务似乎微不足道，但是我们无法直接在Angular CLI中访问Webpack配置。