Verwendung einer .scss-Bibliothek in einem .less-Projekt

Question

Ich entwickle eine App mit LESS als CSS-Pre-Prozessor. Ich möchte Bower auch verwenden, um die Kartenbibliothek zu erhalten, die Dateien werden jedoch im SCSS-Format angegeben. Was ist der beste Weg für mich, die scss-Dateien durch die weniger Dateien zu importieren?

Ich versuchte @import (weniger) file.scss verwenden, aber ich erhalte die Fehlermeldung "ParseError: Richtlinie Optionen nicht erkannt in chartist.scss in Zeile 3, Spalte 8:" wo Linie 3 bis

@mixin ct-responsive-svg-container($width: 100%, $ratio: $ct-container-ratio) {

entspricht

Answer 1

Eine Option, wenn Sie einen Task-Runner wie Grunt verwenden, könnte ein Paket sein, um die einzelnen Dateien in einer einzigen CSS-Datei zu verketten, beispielsweise grunt-contrib-concat.

Auf diese Weise ist es egal, wie viele Dateien oder Typen Sie in dev haben, wesentlich weniger und sass alle in CSS für die Produktion kompiliert, so dass Sie die kompilierten CSS-Dateien anschließend zusammenführen können.