Настройка vite во vue 3
Всем привет! Пытаюсь настроить vite для проекта, но в общих чертах он всё собирает как нужно кроме одного но -- он не учитывает видеоролики и не берёт их в сборку
Моя команда сборки:
"build": "run-p type-check build-only"
Мои конфиги:
- tsconfig.app.json
{
"extends": "@vue/tsconfig/tsconfig.web.json",
"include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
"exclude": ["src/**/__tests__/*"],
"compilerOptions": {
"composite": true,
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"]
}
}
}
2.tsconfig.config.json
{
"extends": "@vue/tsconfig/tsconfig.node.json",
"include": ["vite.config.*", "vitest.config.*", "cypress.config.*"],
"compilerOptions": {
"composite": true,
"types": ["node"]
}
}
3.tsconfig.vitest.json
{
"extends": "./tsconfig.app.json",
"exclude": [],
"compilerOptions": {
"allowJs": true,
"composite": true,
"lib": [],
"types": ["node", "jsdom"]
}
}
4.vite.config.ts
import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue(), vueJsx()],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
}
})
5.tsconfig.json
{
"files": [],
"references": [
{
"path": "./tsconfig.config.json"
},
{
"path": "./tsconfig.app.json"
},
{
"path": "./tsconfig.vitest.json"
}
]
}
По итогу сборки получаю результат, что он собрал вроде всё кроме видеороликов которые у меня в формате mp4. Подскажите есть ли какая-то настройка дополнительная для сборки видеороликов?
И да, возможно это важно. У меня видеоролики отображаются с помощью тэга video, но по умолчанию я не указываю туда src, а делаю это с помощью IntersectionObserver в момент когда пользователь доскроллил до нужного них для меньшей нагрузки при загрузке сайта.
P.S. при дев сборке всё работает, а при прод билде не работает т.к. файл не перешёл в dist
UPD: видеоролики находятся в src/assets