Почему VITE автоматически вставляет <link rel = "preload" as = "image"> теги для изображений и как я могу ее отключить и ⇐ Javascript

[Anonymous]

Я использую vite + React < /strong> с помощью как SSR, так и с SPA.

Код: Выделить всё

[*]
...

Я никогда вручную не добавлял эти ссылки предварительной загрузки нигде в своем коде (ни в index.html, ни в компонентах React).
Что я проверял:

Эти теги отсутствуют в index.html.

[*]Они не импортируются и не отображаются вручную ни в каких компонентах.

[*]Я просмотрел всю кодовую базу в поисках ссылок на предварительную загрузку изображений (

Код: Выделить всё

), но не смог найти в источнике. Они появляются только в выходе из сборки. Из отправки окончательного SSR HTML,

I Извлеките эти теги предварительной нагрузки изображения из корня, удалить их, а затем вставить их вручную в < /code> перед отправкой ответа. < /p>
это работает, но не кажется лучшим решением.

Код: Выделить всё

import { defineConfig, loadEnv } from "vite";
import react from "@vitejs/plugin-react-swc";
import path from "node:path";
import { getProxyOptions } from "./server/proxy/getProxyOptions.js";

export default defineConfig(({ mode, isSsrBuild }) => {
const isDev = mode === "development";
const isSpa = process.env.SPA === "true";

const env = loadEnv(mode, process.cwd(), "REACT_APP_");
const defineEnv = Object.entries(env).reduce((acc, [key, val]) => {
acc[`process.env.${key}`] = JSON.stringify(val);
return acc;
}, {});
const proxyOption = getProxyOptions(env);

return {
root: isSpa ? path.resolve(__dirname, "spaRoot") : path.resolve(__dirname, "."),
plugins: [react()],
publicDir: path.resolve(__dirname, "public"),
define: defineEnv,
build: {
minify: "esbuild",
sourcemap: false,
cssMinify: true,
copyPublicDir: !isSsrBuild,
rollupOptions: { output: { manualChunks: undefined } },
},
ssr: isDev ? {} : {
noExternal: [/^@forproxyband\/main-ui-kit/, "classnames", "lodash", "uuid"],
},
server: {
proxy: proxyOption && isDev ? { "/api": proxyOption } : undefined,
},
resolve: {
alias: {
"@": path.resolve(__dirname, "src"),
"/src": path.resolve(__dirname, "src"),
},
},
};
});

Мои вопросы

, откуда именно эти теги предварительной загрузки изображения происходят в среде выполнения Vite? />
Почему они вставляются в элемент #ROOT вместо ?>

Подробнее здесь: https://stackoverflow.com/questions/797 ... s-for-imag