MOINS - Options d'importation Mot-clé facultatif

La description

le optionalLe mot-clé vous permet d'importer un fichier chaque fois qu'un fichier n'existe pas. Si le fichier à importer n'existe pas et que leoptionalLe mot-clé n'est pas utilisé alors, LESS génère une erreur FileError et arrête la compilation. Cette fonctionnalité a été publiée dans la version 2.3.0.

Exemple

L'exemple suivant illustre l'utilisation du mot-clé facultatif dans le fichier LESS -

<html>
   <head>
      <link rel = "stylesheet" href = "style.css" type = "text/css" />
      <title>Import Options Optional</title>
   </head>

   <body>
      <h1>Welcome to Tutorialspoint</h1>
      <p>LESS is a CSS pre-processor that enables customizable, 
      manageable and reusable style sheet for web site.</p>
   </body>
</html>

Ensuite, créez le fichier style.less .

sans style

@import (optional) "fileNotExist.css";
p {
   color: red;
}

Vous pouvez compiler le style.less en style.css en utilisant la commande suivante -

lessc style.less style.css

Exécutez la commande ci-dessus; il créera automatiquement le fichier style.css avec le code suivant -

style.css

@import "fileNotExist.css";
p {
   color: red;
}

Production

Suivez ces étapes pour voir comment fonctionne le code ci-dessus -

  • Enregistrez le code html ci-dessus dans le import_options_optional.html fichier.

  • Ouvrez ce fichier HTML dans un navigateur, la sortie suivante s'affichera.

Même si le fichier fileNotExist.css n'existe pas, LESS continuera la compilation et créera automatiquement le fichier style.css.