Pourquoi je ne peux pas importer .moins de fichiers en un seul .moins fichier?

J'ai cette structure de mes fichiers:

lib/css/... contient mes styles divisé en un seul .moins de fichiers pour chaque type de zone.

lib/style.less est le fichier que je veux rassembler mes sous-fichiers de style et le fichier que je veux être liés dans le code HTML.

Lorsque je fais (en style.less):

@import url("/css/StyleToImport.less");

ou

@import "/css/StyleToImport.less";

... Je reçois une erreur de syntaxe.

Est-il vraiment impossible de les combiner .moins de fichiers dans un seul fichier?

Il pourrait être vraiment pratique pour avoir 1 seul fichier contenant toutes les variables pour les couleurs, les dimensions, etc.

Mais comme il est maintenant, je dois utiliser <link ...> balises HTML à chaque fichier unique - ce qui n'est pas à portée de main.

P. S. j'ai lu Joindre deux .moins fichiers en un seul fichier css

et j'ai lu ceci:

Importation

L'importation fonctionne assez bien
comme prévu. Vous pouvez importer un .moins
fichier, et toutes les variables qu'il contient
être disponible. Si le fichier est un .moins,
l'extension est facultative:

@import "bibliothèque";

@import "faute de frappe.css";

pouvez-vous afficher le message d'erreur que vous obtenez?
Erreur de syntaxe à la ligne 1 localhost:8080/projet/lib/style.moins sur la ligne 1, colonne 1: * 1 @IMPORT "./css/lib"; * 2 @charset "utf-8";
complète pas sûr de ce que l'erreur est - je voudrais essayer d'utiliser lessapp et votre moins de fichiers ont au moins un style déclarée
Ce que j'essaie de faire est d'importer MOINS de fichiers dans le cadre d'un "principal" MOINS-fichier. De cette façon, je peux consulter toutes mes variables etc etc. Mais ça ne marche pas!! Suis-je en train de faire quelque chose de mal avec la façon de lier à l'less.js fichier?
Très en retard à la fête, mais j'ai eu ce problème jusqu'à ce que j'ai réalisé que j'ai été en utilisant des guillemets simples au lieu des guillemets doubles - donc, j'aurais été en utilisant @import "variables" mais plutôt à l'aide de @import 'variables'. trop de JS au fil des ans...

OriginalL'auteur KristianB | 2011-03-29

  1. 25

    J'ai juste essayé sur mon environnement local, en mettant vars dans vars.less et mixin en conf.less. La structure de fichier similaires à la vôtre, avec la base .moins d'un niveau au-dessous du dossier contenant tous les 'comprend'.

    J'ai donc eu css dossier qui m'a main.less fichier, puis css/less/vars.less | conf.less

    Pour importer, de celles-ci:

    @import "less/vars.less";
@import "less/conf.less";

    Ma seule réponse est de supprimer la première / dans votre @import déclaration. J'ai eu des problèmes similaires, lorsque vous tentez d'importer un google police dans mon .less fichier.

    Vaut le coup au moins, car en utilisant la même structure que le vôtre, le mien est de travail.

    Je vais donner un coup de feu plus tard 🙂
    Ce doit être la accepté de répondre. 🙂

    OriginalL'auteur Daniel

  2. 5

    J'ai eu un problème similaire où les importations semblait silencieuse. Il s'est avéré que mon éditeur avait sauvé le @import-ed les fichiers en UTF-8 avec BOM, comme décrit dans cette question.

    Pour quelque raison que ce soit, le MOINS compilateur étouffe en silence sur @import-ed les fichiers qui ont une NOMENCLATURE, même si elle barfs un message d'erreur si votre racine fichier a une NOMENCLATURE.

    Essayez de ré-enregistrer le @import-ed fichiers sans BOM, et il pourrait peut-être marcher.

    OriginalL'auteur Chris Jaynes

  3. 1

    Je ne suis pas exactement sûr de ce que le problème est sans erreur.

    Je conseille lessapp, http://incident57.com/less/, que j'ai trouvé fonctionne très bien et est un peu plus facile à utiliser. Méfiez-vous également de la tentative d'importation de fichiers vierges de cause qu'elle peut renvoyer une erreur.

    J'ai téléchargé quelques base de code que j'utilise pour structurer mes fichiers selon le projet, vous pouvez les obtenir à https://github.com/danethurber/seamLESS. Que peut-être en mesure pour vous aider et si vous ou quelqu'un veut contribuer je'ld être heureux pour l'aide 🙂

    Permettez-moi obtenir ce sans soudure droite... Vous lien à un stand-alone .fichier css dans le fichier HTML. Et où exactement utilisez-vous la .moins de fichiers?
    le moins de fichiers sont dans les moins du dossier, je suis en utilisant moins de compiler tous les autres fichiers et de sortie d'un fichier css
    Aha - il semble que je ne peux pas courir moins.application sans un mac -.-' Mais j'ai pensé mettre <script src="lib/js/less.js"></script> à la fin de la <head> tag compile pour moi?
    vous pouvez le faire aussi bien - je préfère juste de le compiler pour le navigateur n'a pas à
    assurez-vous de mettre le moins de fichiers avant de la js <link ou "moins" href="/css/main.moins" type="text/css" /> <script src="lesscss.googlecode.com/files/less-1.0.21.min.js"></...>

    OriginalL'auteur dane

  4. 1

    Que vous faites un lien vers /répertoire, il regarde à partir de la racine de haut en bas et dans ce cas ne serait pas le trouver. Donc @Daniel est correct en suggérant de supprimer la barre oblique.

    Vous devriez avoir un lien en tant que tel:

    @import url("css/StyleToImport.less");

    Cela, parce que votre point de départ est dans le css répertoire lui-même et puis pointez vers le bas dans le répertoire css/et puis pointant vers le fichier lui-même.

    Si vous avez besoin d'aller d'abord un répertoire, puis sur et vers le bas vous ne

    ../directory/file.less

    OriginalL'auteur Marlyse Comte