Я в стеке AngularJS 1.4 в сочетании с Webpack 4.
У нас огромное количество SVG Icon в нашей CDN (выделенная библиотека), и на данный момент мы используем SVG в наших шаблонахвот так:
<ng-include src="'url/to/the/cdn/icon.svg'"></ng-include>
Я думаю, что это самый простой способ для наших разработчиков просто зайти в браузер иконки (специальное приложение на веб-странице с функцией поиска), просто взять его URL-адрес и вставить его вшаблон.Мне проще читать имя и URL-адрес значка, чем вставлять полный код SVG в шаблон (что мы могли бы сделать, это не сложнее).
Работает отлично, но есть некоторыесетевые звонки.Каждый раз, когда кто-то собирается посетить соответствующую веб-страницу в первый раз, происходит сетевой вызов, чтобы получить код SVG и включить его в HTML.После этого он кешируется, так что это не большая проблема.
Я ищу способ сделать этот вызов и это преобразование во время сборки, чтобы предотвратить бесполезный сетевой вызов для наших клиентов XXXX.
Я пробовал svg-url-loader или svg-inline-loader , но это ничего не меняет (добавив правило модуля для файлов svg вwebpack config).
Что я делаю не так?
Большое спасибо за помощь:)