Aller au contenu principal
Version : 3.1.1

CLI

Docusaurus met à disposition un ensemble de scripts vous aidant dans la génération, le lancement et le déploiement de votre site web.

Une fois votre site Web démarré, la source du site Web contient les scripts Docusaurus que vous pouvez appeler avec votre gestionnaire de paquets :

package.json
{
// ...
"scripts": {
"docusaurus": "docusaurus",
"start": "docusaurus start",
"build": "docusaurus build",
"swizzle": "docusaurus swizzle",
"deploy": "docusaurus deploy",
"clear": "docusaurus clear",
"serve": "docusaurus serve",
"write-translations": "docusaurus write-translations",
"write-heading-ids": "docusaurus write-heading-ids"
}
}

Commandes CLI Docusaurus

Voici une liste des commandes CLI de Docusaurus et de leurs utilisations :

docusaurus start [siteDir]

Construit et sert un aperçu de votre site localement avec Webpack Dev Server.

Options

NomPar défautDescription
--devConstruit en mode dev, y compris les messages d'erreur React complets.
--port3000Spécifie le port du serveur dev.
--hostlocalhostSpécifie un hôte à utiliser. Par exemple, si vous voulez que votre serveur soit accessible à l'extérieur, vous pouvez utiliser --host 0.0.0.0.
--hot-onlyfalseActive le remplacement des modules à chaud sans rafraîchissement de page en cas d'échec de construction. Plus d'informations ici.
--no-openfalseN'ouvre pas la page automatiquement dans le navigateur.
--configundefinedChemin vers le fichier de configuration de Docusaurus, par défaut [siteDir]/docusaurus.config.js
--poll [optionalIntervalMs]falseUtilisez l'interrogation des fichiers plutôt que la surveillance du rechargement en direct comme solution de rechange dans les environnements où la surveillance ne fonctionne pas. Plus d'informations ici.
--no-minifyfalseConstruit un site web sans minimiser les bundles JS/CSS.
info

Veuillez noter que certaines fonctionnalités (par exemple, les liens d'ancrage) ne fonctionneront pas en développement. La fonctionnalité marchera comme prévu en production.

Développement sur le réseau

Lorsque vous transférez le port 3000 à partir d'un serveur ou d'une VM distante (par exemple, GitHub Codespaces), vous pouvez exécuter le serveur de développement sur 0.0.0.0 pour qu'il écoute sur l'IP locale.

npm run start -- --host 0.0.0.0

Activation HTTPS

Il y a plusieurs façons d'obtenir un certificat. Nous utiliserons mkcert comme exemple.

  1. Exécutez mkcert localhost pour générer localhost.pem + localhost-key.pem

  2. Exécutez mkcert -install pour installer le cert dans votre magasin de confiance, et redémarrez votre navigateur

  3. Lancez l'application avec les variables d'environnement HTTPS de Docusaurus :

HTTPS=true SSL_CRT_FILE=localhost.pem SSL_KEY_FILE=localhost-key.pem yarn start
  1. Ouvrez https://localhost:3000/

docusaurus build [siteDir]

Compile votre site pour la production.

Options

NomPar défautDescription
--bundle-analyzerfalseAnalyse votre bundle avec l'analyseur de bundle de webpack.
--out-dirbuildLe chemin complet du nouveau répertoire de sortie, relatif à l'espace de travail actuel.
--configundefinedChemin vers le fichier de configuration de Docusaurus, par défaut [siteDir]/docusaurus.config.js
--no-minifyfalseConstruit un site web sans minimiser les bundles JS/CSS.
info

Pour une minification avancée du bundle CSS, nous utilisons le preset cssnano avancé (ainsi que plusieurs plugins PostCSS supplémentaires) et l'optimisation de niveau 2 de clean-css. Si, à la suite de cette minification CSS avancée, vous trouvez des CSS cassés, construisez votre site web avec la variable d'environnement USE_SIMPLE_CSS_MINIFIER=true pour minifier les CSS avec le preset cssnano par défaut. Veuillez remplir une issue si vous rencontrez des bugs de minification CSS.

Vous pouvez passer la minification HTML avec la variable d'environnement SKIP_HTML_MINIFICATION=true.

docusaurus swizzle [themeName] [componentName] [siteDir]

Swizzlez un composant de thème pour le personnaliser.

npm run swizzle [themeName] [componentName] [siteDir]

# Exemple (en omettant le siteDir pour indiquer ce répertoire)
npm run swizzle @docusaurus/theme-classic Footer -- --eject

Le CLI du swizzle est interactif et vous guidera à travers tout le processus du swizzle.

Options

NomDescription
themeNameLe nom du thème à swizzler.
componentNameLe nom du composant du thème à swizzler.
--listAffiche les composants disponibles pour le swizzling
--ejectÉjecte le composant du thème
--wrapEnveloppe le composant du thème
--dangerAutorise le swizzling immédiatement sur des composants instables
--typescriptSwizzle le composant de type TypeScript
--configChemin vers le fichier de config de Docusaurus, par défaut [siteDir]/docusaurus.config.js
attention

Les composants non sécurisés présentent un risque plus élevé de rupture des modifications dues à des remaniements internes.

docusaurus deploy [siteDir]

Déploie votre site avec GitHub Pages. Consultez la documentation sur le déploiement pour plus de détails.

Options

NomPar défautDescription
--out-dirbuildLe chemin complet du nouveau répertoire de sortie, relatif à l'espace de travail actuel.
--skip-buildfalseDéploie le site sans le construire. Cela peut être utile lorsque vous utilisez un script de déploiement personnalisé.
--configundefinedChemin vers le fichier de configuration de Docusaurus, par défaut [siteDir]/docusaurus.config.js

docusaurus serve [siteDir]

Sert votre site web construit localement.

NomPar défautDescription
--port3000Utiliser le port spécifié
--dirbuildLe chemin complet du répertoire de sortie, par rapport à l'espace de travail courant
--buildfalseConstruire le site web avant de le servir
--configundefinedChemin vers le fichier de configuration de Docusaurus, par défaut [siteDir]/docusaurus.config.js
--hostlocalhostSpécifie un hôte à utiliser. Par exemple, si vous voulez que votre serveur soit accessible à l'extérieur, vous pouvez utiliser --host 0.0.0.0.
--no-openfalse localement, true dans le CIN'ouvrez pas une fenêtre de navigateur à l'emplacement du serveur.

docusaurus clear [siteDir]

Vide les ressources générées par le site Docusaurus, les caches, les artefacts de construction.

Nous vous recommandons d'exécuter cette commande avant de signaler des bogues, après la mise à niveau des versions, ou à chaque fois que vous avez des problèmes avec votre site Docusaurus.

docusaurus write-translations [siteDir]

Écrit les fichiers de traduction JSON que vous devrez traduire.

Par défaut, les fichiers sont écrits dans website/i18n/<defaultLocale>/....

NomPar défautDescription
--locale<defaultLocale>Définissez le dossier de locale dans lequel vous voulez écrire les traductions des fichiers JSON
--overridefalseÉcrase les messages de traduction existants
--configundefinedChemin vers le fichier de configuration de Docusaurus, par défaut [siteDir]/docusaurus.config.js
--messagePrefix''Permet d'ajouter un préfixe à chaque message de traduction, pour vous aider à mettre en évidence les chaînes non traduites

docusaurus write-heading-ids [siteDir] [files]

Ajoute des ID de titre explicite aux documents Markdown de votre site.

NomPar défautDescription
filesTous les fichiers MD utilisés par les pluginsLes fichiers dans lesquels vous voulez que les ID d'entête soient écrits.
--maintain-casefalseConserve la casse des entêtes, sinon met tout en minuscules.
--overwritefalseÉcrase les ID d'entête existants.