LeoVasanko
6de0307856
- Move shared structural styles to frontend/src/assets/pagerite.css with conservative variables, and purple theme overrides to frontend/src/assets/themes/purple/theme.css. - Backend now links the base and theme stylesheets as separate files so they can be swapped or augmented. - Add blocking="render" to stylesheet links to avoid FOUC. - Drop redundant defer from module script tags. - Update related docs and comments.
45 lines
1.6 KiB
JavaScript
45 lines
1.6 KiB
JavaScript
import { fileURLToPath, URL } from 'node:url'
|
|
import fastapiVue from './vite-plugin-fastapi.js'
|
|
|
|
import { defineConfig } from 'vite'
|
|
import vue from '@vitejs/plugin-vue'
|
|
import vueDevTools from 'vite-plugin-vue-devtools'
|
|
|
|
const backendUrl = process.env.PAGERITE_BACKEND_URL || 'http://localhost:3200'
|
|
|
|
// Proxy content pages (/slug, /path/to/slug) to the FastAPI backend in dev.
|
|
// Excludes Vite internals (/@..., /src, /node_modules, /__...) and the
|
|
// backend's /_ prefix. /_/api and /_/f are handled by the fastapi-vue plugin;
|
|
// /_/admin is proxied explicitly below.
|
|
const CONTENT_PROXY = '^\\/(?!_|@|src|node_modules|__)(?:[^./?]+(?:\\/[^./?]+)*)?(?:\\?.*)?$'
|
|
|
|
// https://vite.dev/config/
|
|
export default defineConfig({
|
|
plugins: [
|
|
fastapiVue({ paths: ["/_/api", "/_/f"] }),
|
|
vue(),
|
|
vueDevTools(),
|
|
],
|
|
server: {
|
|
proxy: {
|
|
"/_/admin": { target: backendUrl, changeOrigin: false },
|
|
[CONTENT_PROXY]: { target: backendUrl, changeOrigin: false },
|
|
},
|
|
},
|
|
build: {
|
|
// Mirror the URL space in the build output: hashed files land under
|
|
// frontend-build/_/assets/ and the Frontend serves the build directory
|
|
// at the site root (frontend/public/favicon.ico -> /favicon.ico).
|
|
manifest: true,
|
|
assetsDir: '_/assets',
|
|
rollupOptions: {
|
|
input: {
|
|
main: fileURLToPath(new URL('./src/main.js', import.meta.url)),
|
|
pagerite: fileURLToPath(new URL('./src/pagerite.js', import.meta.url)),
|
|
pagerite_base: fileURLToPath(new URL('./src/assets/pagerite.css', import.meta.url)),
|
|
pagerite_theme: fileURLToPath(new URL('./src/assets/themes/purple/theme.css', import.meta.url)),
|
|
},
|
|
},
|
|
},
|
|
})
|