Visual Studio - precompile - dotless

Question

Je me demande s'il y a un moyen de précompiler fichiers *.less ( http://www.dotlesscss.org/) avec le studio visuel.

Le site me donne un dotless.compiler.exe mais je ne suis pas sûr de savoir comment brancher jusqu'à ce studio visuel. Je suis à la recherche d'une solution pour les formulaires Web et ASP.NET MVC.

Answer 1

En fonction de votre environnement de construction, vous pouvez lancer dotless.Compiler.exe comme tâche de construction.

Par exemple, à l'aide d'une tâche de pré-construction dans Visual Studio (toutes 1 ligne):

$(SolutionDir)Tools\dotLess\dotless.compiler.exe -m 
    $(ProjectDir)content\css\site.less $(ProjectDir)content\css\site.css

Les macros ($(SolutionDir), etc.) permettent un peu de flexibilité pour projet et l'emplacement des fichiers. Plutôt que d'utiliser les fichiers standard .less, référence simplement les nouveaux fichiers .css dans votre balisage.

Answer 2

Tous,

Après avoir utilisé à peu près toutes les alternatives discutées ici et ne pas être satisfait, j'ai écrit un compilateur pour LessCss Addin Visual Studio. Il faut des fichiers .Moins et génère des fichiers Css uniquement lorsque les modifications du fichier .Moins. Il utilise les plus récentes et less.js compilateur.

Voir en utilisation .

Télécharger l'extension signé.

code source est ici.

Je viens de soumettre à la galerie d'extension VS. Espérons que ce sera là bientôt, mais en attendant, s'il vous plaît installer (ou compiler puis installer) et vérifier.

Answer 3

Phil Haack à la rescousse: http : //haacked.com/archive/2009/12/02/t4-template-for-less-css.aspx

Chaque fois que vous voulez avoir quelque chose généré dans votre solution au moment de la compilation, T4 est généralement la voie à suivre ...

Answer 4

Voici la solution que je suis venu avec, en utilisant MSBuild. Il est incrémental, donc il ne devrait se produire lorsque les changements moins. Il gère aussi correctement @import.

Tout d'abord, ajouter dotless à votre projet avec NuGet. Vous n'avez pas besoin de la magie, il ajoute à votre web.config, de sorte que vous pouvez revenir que -. Vous êtes juste à l'utiliser pour obtenir le fichier exécutable du compilateur

Ensuite, ajoutez votre "root" fichiers moins à votre .csproj, comme ceci:

<ItemGroup>
    <LessCssRootInput Include="example.less" />
</ItemGroup>

Enfin, ajoutez cet extrait au bas de votre .csproj:

<ItemGroup>
    <LessCssSubInput Include="**\*.less" Exclude="@(LessCssRootInput)" />
    <LessCssOutput Include="@(LessCssRootInput -> '%(RelativeDir)\%(Filename).css')" />
</ItemGroup>
<Target Name="CompileLessCss" BeforeTargets="Compile" Inputs="@(LessCssRootInput);@(LessCssSubInput)" Outputs="@(LessCssOutput)">
    <Exec Command="&quot;$(SolutionDir)\packages\dotless.1.3.1.0\tool\dotless.compiler.exe&quot; --minify --keep-first-comment @(LessCssRootInput)" />
</Target>

Answer 5

Il y a aussi une autre façon de précompiler au cours du développement.

Le projet dotless dispose d'un compilateur de ligne de commande (dotless.Compiler.exe) qui peuvent compiler et rapetisser le CSS.

Vous pouvez également utiliser le compiler.exe avec le paramètre --watch où il continue à fonctionner et analyser votre fichier d'entrée pour les changements, la régénération chaque fois que vous apportez des modifications au fichier. Vous rendant ainsi indépendant de Visual Studio.

Answer 6

Dans ma recherche pour travailler avec dotless J'ai aussi trouvé cette bibliothèque:

http: / /www.codethinked.com/post/2010/03/17/Bundler-Now-Supports-Css-And-less.aspx

ajouter à ma propre question parce qu'il pourrait aider les autres.

Answer 7

Vous pouvez jeter un oeil à Chirpy. Il a beaucoup plus de soutien que un peu moins. Je voudrais aurais trouvé avant d'écrire mon propre.

En parlant de j'ai aussi écrit un Visual Studio personnalisé Créer outil qui exécute en utilisant le fichier JS (au lieu du port .NET), vous pouvez jeter un oeil à la source ici: https://github.com/paultyng/JsBuildTools

Ou il est aussi sur la galerie des extensions sous JsBuildTools .