2014-02-24 15 views
13

Ich habe noch nie einen css-Präprozessor verwendet.Verwenden von SASS/LESS mit AngularUI

Ich möchte angularjs mit angularUI (Bootstrap) verwenden und ich würde gerne wissen, ob es irgendwelche Nachteile bei der Verwendung von SASS vs LESS gibt. Oder gibt es eine totale Unabhängigkeit und ich bin völlig frei, SASS oder LESS mit AngularJS und AngularUI Bootstrap zu verwenden.

Vielleicht hat AngularUI eingebaute Unterstützung für SASS oder weniger, also sollte ich eine von denen bevorzugen?

+0

"Nachteil in der Verwendung von LESS vs SASS" ist die Warnsprache hier. Wir versuchen, Meinungen von dieser Seite zu vermeiden. –

+4

@GeorgeStocker Es ist keine Frage über die Verwendung von LESS vs SASS gibt es einen direkten Zusammenhang, der angularjs + angularUI ist. Und ich würde gerne die Fallen kennen, die auf mich warten könnten, wenn ich einen dieser Pre-Prozessoren verwende. – HelloWorld

+0

@HelloWorld Dasselbe gilt für jeden anderen A vs B-Vergleich. Es ist ungefähr so ​​produktiv wie eine Diskussion zwischen Tabs und Räumen. – cimmanon

Antwort

13

Angular-UI ist nicht von einem Präprozessor abhängig, sondern nur vom gerenderten CSS. Sie können das, was Sie wollen, SASS, LESS oder das CSS direkt von Bootstrap verwenden, solange es als gültiges Bootstrap 3 CSS endet.

Nun, da SASS offiziell von Bootstrap unterstützt wird (in einem separaten Github Repo), können Sie frei wählen, welche (SASS oder LESS) Sie wollen. Es hat einige Artikel gegeben, die die Stärken und Schwächen zwischen den beiden zeigen (für example), aber am Ende gibt es keinen klaren Vorteil von einem gegenüber dem anderen. Der Hauptgrund dafür, dass es Optionen gibt, ist, dass Sie, wenn Sie bereits einen verwenden, den anderen nicht benötigen, wenn Sie Bootstrap einbinden.

Für das, was es wert ist, scheint es, als würden die Leute SASS heute über LESS bevorzugen.

+0

Wenn Sie nach einer Lösung suchen, mit der Sie WENIGER CSS auf Client-Seite rendern können (Angular), lesen Sie bitte die "Angular.Less" -Richtlinie (https://angularless.github.io/angular.less/) – w3core

Verwandte Themen