Я использую тот же SVG для экрана spla sh моего сайта, что и для всех других загрузчиков сайта. Веб-сайт представляет собой одностраничное приложение, поэтому при загрузке SVG для экрана spla sh его следует кэшировать и сохранять для использования остальной частью сайта. Однако этого не происходит. Посмотрите снимок экрана с вкладкой Chrome ниже:
Два изображения 7455fb801a29ab17f45901ce5269b7e2.svg оба имеют абсолютно одинаковые URI и имя файла. Однако первый загружается из кеша (отсюда и 304 Not Modified), который является экраном spla sh. Тем не менее, второй раз, когда вращающийся объект используется вокруг сайта - и по какой-то причине он перезагружает изображение, поскольку не находит его в кэше.
Вот соответствующий раздел мой webpack.config.js файл:
{
test: /\.svg/i,
loader: "file-loader"
},
Интересно, что, как вы можете видеть по значку слева, первый загружается как необработанный файл (предварительный просмотр показывает XML внутри SVG) , но во второй раз ответ включает заголовок Content-Type: image/svg+xml; charset=UTF-8.