98 votes

Utilisation de SASS avec ASP.NET

Je suis à la recherche des moyens à utiliser SASS (Syntaxiquement Génial feuilles de style) de l'Ruby HAML paquet dans un ASP.NET de l'environnement. Idéalement, je voudrais compilation de fichiers SASS en CSS pour être transparente une partie du processus de construction.

Quels sont les meilleurs moyens de cette intégration? Sinon, existe-il d'autres CSS-les outils de génération qui sont mieux adaptés pour une .NET de l'environnement?

41voto

Etienne Points 933

Pour une meilleure expérience de travail dans Visual Studio, vous pouvez installer la dernière version de Web Essentiel qui est de commencer à l'appui de Sass (SCSS syntaxe).
Vous pouvez également installer Sassy Studio ou Web Workbench.

Pour compiler votre .sass/.scss fichiers dans votre ASP.NET projet, il existe différents outils: via Web Essentiel, Web Workbench, SassC, Sass.Net, Boussole, SassAndCoffee...


Web Essentiels entièrement comporté plugin pour Visual Studio, qui donne vraiment une meilleure expérience pour tous les animaux. La dernière version de départ à l'appui de Sass (SCSS syntaxe). En interne, utilisez le Libsass pour compiler le SCSS en CSS.


Web Workbench est un autre plugin pour Visual Studio ajouter la coloration syntaxique, l'intellisence et quelques autres choses utiles pour l'édition de fichiers SCSS. Il peut aussi compiler votre code en normal ou minimisé CSS. En interne, il a utilisé une enveloppé version de Ruby Sass compilateur.


Sassy Studio: un autre plugin pour Visual Studio. Moins de fonctionnalités, mais beaucoup plus léger.


Le Libsass bibliothèque est le C++, le port de la Sass en CSS précompilateur (encore en développement). La version originale a été écrite en Ruby, mais cette version est destinée pour l'efficacité et la portabilité. Cette bibliothèque s'efforce d'être léger, simple, et facile à construire et de les intégrer à une variété de plates-formes et des langages.

Il y a plusieurs wrappers autour de la Libsass de la bibliothèque:

  • SassC: un compilateur en ligne de commande (sous Windows, vous devez compiler le source de SassC avec MsysGit pour obtenir le sassc.exe).
  • NSass: un .Net wrapper.
  • Nœud-Sass: pour utiliser Libsass sur Node.js.
  • etc.

La boussole est un cadre pour Sass qui ajoutent de nombreuses aides (comme l'image spriting) et peut aussi compiler votre SCSS/Sass. Mais vous avez besoin pour installer Ruby sur chaque environnement de développement où vous avez besoin de compiler vos styles.


SassAndCoffee est un package qui ajoute SCSS/Sass compilation et la minification de soutien, via des Dll et des configs. Son avantage sur le Web Workbench est un compilateur, c'est l'auto-contenues dans votre solution Visual Studio: vous n'avez pas besoin d'installer un plugin sur chaque environnement de développement. Remarque: SassAndCoffee n'est pas souvent mis à jour, et parce qu'il utilise IronRuby pour envelopper le officiel Ruby compilateur, vous pouvez obtenir certains problèmes de performances. Vous pouvez installer la dernière version via un package Nuget.

26voto

chriseppstein Points 3559

La boussole projet a un compilateur qui va compiler votre sass en css. Il est construit pour fonctionner sur windows, mais c'est pas bien testé sur cette plate-forme. Si vous trouvez une plate-forme de bugs, je serai heureux de vous aider à les corriger.

La boussole peut être trouvé ici: http://github.com/chriseppsein/compass

24voto

Replete Points 862

À partir d'un Projet de pointe frontend developer travailler avec Ruby, Python et C# .NET, j'ai ces pensées:

Sass & MOINS

Je préfère utiliser Sass sur un nouveau projet, surtout avec le magnifique Boussole cadre. La boussole est un grand morceau de travail, et ajoute beaucoup de valeur à mes processus. Sass a une grande communauté, OK documentation, et un ensemble de fonctionnalités puissantes. Sass est un Rubis de la bibliothèque.

Une alternative à Sass, est de moins en MOINS. Il a la même syntaxe et de fonctionnalités, mais une communauté plus petite et légèrement meilleure documentation. MOINS d'une bibliothèque JS.

Tendance-sage, les gens ont tendance à se déplacer vers le Sass au fil du temps comme il est bien développé, même soutenir CSS Niveau 4 fonctions. Mais MOINS est encore parfaitement utilisable et facilement ajoute suffisamment de valeur pour justifier l'utilisation.

Sur l'utilisation de Sass/LESS dans un ASP.NET Projet

Bien que je préfère utiliser Sass, se Ruby/Sass pour travailler avec .Projets NET peut être douloureux, parce que c'est dur pour l'installation, l'étranger, et peut frustrer les développeurs.

Vous avez plusieurs options:

  • Sass: Native Ruby + Sass
    • Pro: la plus Rapide du serveur de compilation
    • Pro: Mesure d'utiliser les dernières versions de Sass
    • Con: Massif de tracas à se lever et courir
    • Con: Chaque serveur ou station de travail besoins ruby configuration
    • Con: plus Difficile pour .NET développeurs pour résoudre Ruby/problèmes d'intégration
  • Sass: Ruby .NET port comme IronRuby + Sass
    • Pro: serveur LENT compilation (Frontend Devs vont se plaindre!)
    • Pro: Peut ne pas être en mesure d'utiliser les dernières versions de Sass
    • Pro: Légèrement plus facile à installer que les Rubis
    • Con: Chaque serveur ou station de travail besoins ruby configuration
    • Con: plus Difficile pour .NET développeurs pour résoudre Ruby/problèmes d'intégration
  • Sass: Étendre .NET le Regroupement avec BundleTransformer + Sass
    • Pro: (Utilise IronRuby) la LENTEUR du serveur de compilation (Frontend Devs vont se plaindre!)
    • Pro: (Utilise IronRuby) Peuvent ne pas être en mesure d'utiliser les dernières versions de Sass
    • Pro: (Utilise IronRuby) Légèrement plus facile à installer que les Rubis
    • Con: Chaque serveur ou station de travail besoins ruby configuration
    • Con: plus Difficile pour .NET développeurs pour résoudre Ruby/problèmes d'intégration
  • Sass ou MOINS: Visual Studio plugin comme Mindscape Workbench
    • Pro: Facile à prendre en main
    • Pro: Rapide de la compilation
    • Con: Chaque développeur travaillant avec Sass styles a besoin d'un IDE plugin
    • Con: ne Peut pas changer rapidement de styles sur le serveur local nécessite de re-traitement
  • MOINS: .NET port comme DotLessCSS
    • Pro: Rapide serveur de compilation
    • Pro: Très facile à installer
    • Pro: à l'Aise en C# .NET devs
    • Pro: Aucune IDE/poste de travail/serveur, les exigences de l'inclure dans l'application web elle-même
    • Contre: N'a pas la polyvalence de SASS/Compass, et ne peut pas toujours garantir dernière LESS.JS la syntaxe de compatibilité
  • Sass: Virtualiser linux+Ruby avec Vagrant
    • Pro: Pas aussi horrible pour le programme d'installation que vous pourriez le penser
    • Pro: Rapide!!
    • Pro: Dernière Frontend outils (Sass, Compass, etc), mis à jour avec linux, le gestionnaire de package
    • Con: Configuration Initiale peut être difficile pour les non-utilisateurs de linux
    • Con: exigences de l'Environnement exigent maintenant l'hébergement d'une VM
    • Con: VM peut avoir de l'évolutivité et des problèmes de maintenance

À mon avis, de MOINS en utilisant DotLessCSS est le meilleur choix pour votre web typique projet de développement, pour les raisons indiquées ci-dessus.

Il y A quelques années, j'ai trouvé DotLessCSS d'avoir des bugs gênants et les limites, mais à l'aide de DotLessCSS à nouveau en 2012 sur un petit nombre de projets, je suis très heureux avec le programme d'installation. Je n'ai pas introduit la douleur à mes développeurs à l'aide de Sass/Ruby et obtenir la plupart de la valeur de MOINS. Le meilleur de tous, aucune IDE ou les exigences du poste de travail.

13voto

Girish Points 429

Je viens d'écrire un Visual Studio Add-in avec des instructions détaillées, y compris les captures d'écran sur la façon d'obtenir Sass va pour Visual Studio. Check it out ici - http://giri.sh/2011/01/21/sass-for-visual-studio-2010/

11voto

Owen Points 2951

Ses pas SASS, mais vous pouvez prendre un coup d'oeil à notre Moins Css pour .NET port. Boussole à l'air vraiment intéressant, et je pense que quelque chose comme cela pour Moins serait un grand plus.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X