GauthierWebDev/memento-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs/html #25

Merged
GauthierWebDev merged 16 commits from docs/html into main 2025-05-13 13:37:11 +00:00
Conversation 0 Commits 16 Files Changed 16 +48 -31
2 changed files with 48 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 970a86e312 - Show all commits

4
app/pages/docs/html/+Page.mdx
View File

@ -53,7 +53,7 @@ Voici un exemple de code HTML simple :
On les utilise pour ajouter des notes ou des explications dans le code, ce qui peut être utile pour les développeurs qui lisent le code plus tard. On les utilise pour ajouter des notes ou des explications dans le code, ce qui peut être utile pour les développeurs qui lisent le code plus tard.
</Callout> </Callout>
### La balise `<head>` ### La balise \<head\>
Dans l'exemple ci-dessus, on peut voir que la balise `<head>` contient plusieurs éléments importants : Dans l'exemple ci-dessus, on peut voir que la balise `<head>` contient plusieurs éléments importants :
@ -68,7 +68,7 @@ On peut également ajouter des liens vers des fichiers CSS et JavaScript dans la
En résumé, la balise `<head>` permet de définir toutes les informations importantes sur la page et de préparer le terrain pour le contenu qui sera affiché dans la balise `<body>`. En résumé, la balise `<head>` permet de définir toutes les informations importantes sur la page et de préparer le terrain pour le contenu qui sera affiché dans la balise `<body>`.
### La balise `<body>` ### La balise \<body\>
La balise `<body>` contient tout le contenu visible de la page, comme le texte, les images, les liens, etc. La balise `<body>` contient tout le contenu visible de la page, comme le texte, les images, les liens, etc.
C'est ici que l'on va pouvoir définir la structure de notre page. C'est ici que l'on va pouvoir définir la structure de notre page.

75
app/vite.config.ts
View File

@ -15,38 +15,55 @@ import path from "node:path";
type RemoveCommentRules = (root: Root) => void; type RemoveCommentRules = (root: Root) => void;
const removeCommentRules: RemoveCommentRules = (root) => { const removeCommentRules: RemoveCommentRules = (root) => {
root.walkComments((comment) => { root.walkComments((comment) => {
comment.remove(); comment.remove();
}); });
}; };
const __dirname = path.resolve(); const __dirname = path.resolve();
export default defineConfig({ export default defineConfig({
plugins: [ plugins: [
prismjsVitePlugin({ prismjsVitePlugin({
languages: ["javascript", "typescript", "tsx", "jsx", "css", "html", "bash", "nginx", "sql"], languages: [
}), "javascript",
vike(), "typescript",
vikeSolid(), "tsx",
mdx({ "jsx",
jsxImportSource: "solid-jsx", "css",
remarkPlugins: [remarkFrontmatter, remarkHeadingId, remarkExtractFrontmatter], "html",
}), "bash",
tailwindcss(), "nginx",
telefunc(), "sql",
], "json",
css: { ],
postcss: { }),
plugins: [...(process.env.NODE_ENV === "production" ? [removeCommentRules] : [])], vike(),
}, vikeSolid(),
}, mdx({
build: { jsxImportSource: "solid-jsx",
target: "es2022", remarkPlugins: [
}, remarkFrontmatter,
resolve: { remarkHeadingId,
alias: { remarkExtractFrontmatter,
"@": __dirname, ],
}, }),
}, tailwindcss(),
telefunc(),
],
css: {
postcss: {
plugins: [
...(process.env.NODE_ENV === "production" ? [removeCommentRules] : []),
],
},
},
build: {
target: "es2022",
},
resolve: {
alias: {
"@": __dirname,
},
},
}); });