AngularJS,模板和ng-include的SVG

时间:2019-06-13 16:01:53

标签: angularjs svg webpack webpack-4

我在AngularJS 1.4堆栈上,并与Webpack 4结合在一起。

我们在CDN(专用库)上有大量的SVG图标,就目前而言,我们在这样的模板中使用SVG:

<ng-include src="'url/to/the/cdn/icon.svg'"></ng-include>

我认为,对于我们的开发人员而言,仅浏览图标的浏览器(具有搜索功能的网页上的专用应用程序),然后抓取其网址并将其粘贴到模板中,是最简单的方法。与将完整的SVG代码粘贴到模板中相比,读取图标的名称和URL更容易(我们可以这样做,这并不困难)。

它工作得很好,但是仍然有一些网络通话。每当有人第一次访问相关网页时,都会进行网络调用以获取SVG代码,以便将其包含在HTML中。之后将其缓存,所以这不是大问题。

我正在寻找一种在构建时进行此调用和此转换的方法,以防止对我们的XXXX客户端进行无用的网络调用。

我尝试了一些svg-url-loadersvg-inline-loader,但是它并没有改变任何东西(通过在webpack配置中添加svg文件的模块规则)。

我在做什么错了?

非常感谢您的帮助:)

0 个答案:

没有答案