Migration vers architecture Svelte + Kirby inspirée de design-to-pack
- Mise en place de Svelte 4 avec Vite pour le frontend (SPA)
- Simplification des templates PHP (header/footer minimalistes)
- Création de templates JSON pour API (home, about, expertise, portfolio, jouer, game, blog, article, project)
- Ajout d'un controller de site pour définir genericData globalement
- Structure des stores Svelte (page, navigation, locale, site)
- Router avec navaid pour navigation SPA et interception des liens
- Composants layout (Header, Footer, Cursor) et vues de base
- Build Vite vers assets/dist/ (index.js/css)
- Header PHP détecte assets/dist pour basculer dev/prod
Architecture fonctionnelle de base établie, à améliorer et compléter.
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-02-06 16:30:15 +01:00
|
|
|
import { defineConfig } from 'vite'
|
|
|
|
|
import { svelte } from '@sveltejs/vite-plugin-svelte'
|
|
|
|
|
import path from 'path'
|
|
|
|
|
|
|
|
|
|
export default defineConfig({
|
Upgrade vers Svelte 5 et reproduction de la page d'accueil
- Upgrade : Svelte 5.0.0, Vite 7.0.4, @sveltejs/vite-plugin-svelte 6.0.0
- Migration syntaxe Svelte 5 : $derived, $props(), onclick, mount()
- Navbar identique au site source avec logo GIF et menu animé
- Page Home avec vidéo plein écran et lignes verticales
- CSS modulaire organisé en fichiers séparés (variables, fonts, layout, buttons, etc.)
- Assets copiés : fonts Danzza, vidéos, icônes
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-02-07 07:52:16 +01:00
|
|
|
plugins: [
|
|
|
|
|
svelte({
|
|
|
|
|
configFile: './svelte.config.js'
|
|
|
|
|
})
|
|
|
|
|
],
|
Migration vers architecture Svelte + Kirby inspirée de design-to-pack
- Mise en place de Svelte 4 avec Vite pour le frontend (SPA)
- Simplification des templates PHP (header/footer minimalistes)
- Création de templates JSON pour API (home, about, expertise, portfolio, jouer, game, blog, article, project)
- Ajout d'un controller de site pour définir genericData globalement
- Structure des stores Svelte (page, navigation, locale, site)
- Router avec navaid pour navigation SPA et interception des liens
- Composants layout (Header, Footer, Cursor) et vues de base
- Build Vite vers assets/dist/ (index.js/css)
- Header PHP détecte assets/dist pour basculer dev/prod
Architecture fonctionnelle de base établie, à améliorer et compléter.
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-02-06 16:30:15 +01:00
|
|
|
resolve: {
|
|
|
|
|
alias: {
|
|
|
|
|
'@components': path.resolve(__dirname, 'src/components'),
|
|
|
|
|
'@views': path.resolve(__dirname, 'src/views'),
|
2026-02-18 12:08:03 +01:00
|
|
|
'@state': path.resolve(__dirname, 'src/state'),
|
|
|
|
|
'@router': path.resolve(__dirname, 'src/router'),
|
|
|
|
|
'@utils': path.resolve(__dirname, 'src/utils')
|
Migration vers architecture Svelte + Kirby inspirée de design-to-pack
- Mise en place de Svelte 4 avec Vite pour le frontend (SPA)
- Simplification des templates PHP (header/footer minimalistes)
- Création de templates JSON pour API (home, about, expertise, portfolio, jouer, game, blog, article, project)
- Ajout d'un controller de site pour définir genericData globalement
- Structure des stores Svelte (page, navigation, locale, site)
- Router avec navaid pour navigation SPA et interception des liens
- Composants layout (Header, Footer, Cursor) et vues de base
- Build Vite vers assets/dist/ (index.js/css)
- Header PHP détecte assets/dist pour basculer dev/prod
Architecture fonctionnelle de base établie, à améliorer et compléter.
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-02-06 16:30:15 +01:00
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
server: {
|
|
|
|
|
port: 5173,
|
|
|
|
|
proxy: {
|
|
|
|
|
'^(?!/@vite|/@fs|/node_modules|/src).*': {
|
|
|
|
|
target: 'http://localhost:8000',
|
|
|
|
|
changeOrigin: true
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
build: {
|
|
|
|
|
outDir: 'assets/dist',
|
|
|
|
|
emptyOutDir: true,
|
|
|
|
|
manifest: false,
|
|
|
|
|
rollupOptions: {
|
|
|
|
|
input: 'src/main.js',
|
|
|
|
|
output: {
|
|
|
|
|
entryFileNames: 'index.js',
|
|
|
|
|
chunkFileNames: '[name].js',
|
|
|
|
|
assetFileNames: '[name].[ext]'
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|