Я заметил, что при использовании изображений без атрибута src он не копирует изображения при сборке в папку dist.
Моя виртуальная конфигурация:
import { fileURLToPath, URL } from "node:url";
import { resolve } from "path";
import { defineConfig } from "vite";
// https://vitejs.dev/config/
export default defineConfig(({ command, mode, ssr }) => {
return {
base: "",
server: {
port: 3000,
open: true,
},
build: {
outDir: "dist",
assetsDir: "assets",
sourcemap: true,
minify: true,
emptyOutDir: false,
rollupOptions: {
input: {
index_page: resolve(__dirname, "index.html"),
super_page: resolve(__dirname, "templates/super.html"),
blog_page: resolve(__dirname, "templates//blog.html"),
},
output: {
chunkFileNames: "assets/js/[name].js",
entryFileNames: "assets/js/[name].js",
assetFileNames: ({ name }) => {
if (/\.(gif|jpe?g|png|svg)$/.test(name ?? "")) {
return "assets/img/[name].[ext]";
}
if (/\.css$/.test(name ?? "")) {
return "assets/css/[name].[ext]";
}
return "assets/[name].[ext]";
},
},
},
},
resolve: {
alias: {
"@": fileURLToPath(new URL("./src", import.meta.url)),
},
},
};
});
Я не знаю, как это исправить. Мне нужно добавить еще один префикс для обработки изображений или что-то в этом роде? В документации ничего подобного не нашел.
УПД: Я не хочу использовать общую папку



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Правильным решением для этого будет "Разрешение пользовательских атрибутов html" . На момент написания этого ответа проблема все еще остается открытой, и еще не объединенный PR решает ее.
Поэтому на данный момент я бы рекомендовал найти обходной путь, такой как
src вместе с встроенной отложенной загрузкой браузера
Пожалуйста, не включайте скриншоты вашего кода. Не могли бы вы отредактировать вопрос, указав
<img class = "lozad" data-src = "/src/assets/img/logos/.....?в качестве блока кода?