Web Compiler und Compass in Visual Studio 2015

Question

Ich habe Web Compiler 1.11.315 von Mads Kristensen installiert, und ich versuche es jetzt zu konfigurieren, um meine Compass Importe zu erkennen.

Compass ändert SASS, und deshalb konnte ich nicht herausfinden, wie man es richtig installiert. Das Beste, was ich tun konnte, ist die Compass stylesheets, indem ich diese Dateien in einen Include-Ordner kopiere und meine Datei compilerconfig.json an sie deutete.

Das funktioniert - bis Sie ein Mixin referenzieren, das einige der SASS-Erweiterungen verwendet, die Compass installiert: zum Beispiel Legacy-Browser-Unterstützung mit Hersteller-Präfixen in den CSS3-Mixins.

Also, was ich tun möchte, ist Compass ordnungsgemäß mit Web Compiler zu installieren.

Hat jemand das geschafft? Wenn ja, bitte erläutern. Ich konnte bei Google nichts finden.

---

Compass' Ruby Module müssen von SASS geladen werden, aber es wäre, dass Web-Compiler scheinen kann das nicht tun, weil es nutzt Knoten-Sass, die auf libsass basiert und Ruby nicht verwendet. Web Compiler's SassCompiler

Also, ich muss eine Alternative finden, die entweder SASS nicht erweitert, oder dies in einer libsass-unterstützten Weise.

Answer 1

Nach einigen Graben, fand ich, dass die Web Compiler Visual Studio-Erweiterung libsass statt der Ruby-basierten Sass, mit dem ich vertraut war. Aufgrund der Tatsache, dass es libsass verwendet, kann es nicht die Ruby-basierten Erweiterungen verwenden, auf die Compass angewiesen ist, um bestimmte Mix-Ins funktionieren zu lassen.

Ich habe ein paar Ressourcen gefunden, die mir geholfen haben, dieses Problem zu umgehen. Der erste war zwei Ersatz-Ersatz für Compass, die die Ruby-Erweiterung Anforderungen von den Mix-Ins entfernt.

1. https://github.com/Igosuki/compass-mixins (Ich benutzte dieses).

2. https://github.com/jimmyjamieson/compass-libsass (dieser hat in eine Weile aktualisiert, nicht aber sieht aus wie es funktionieren würde) Ich

gerade hinzugefügt haben diese in einem umfassen Ordner in meinem sass Stammordner in meinem Projekt, und konfiguriert ist mein compilerconfig.json entsprechend:

[ 
    { 
    "options": { 
     "includePath": "src/sass/includes/compass" 
    }, 
    "outputFile": "Content/css/output.css", 
    "inputFile": "src/sass/input.scss", 
    "minify": { 
     "enabled": true 
    }, 
    "includeInProject": true 
    } 
] 

---

Als nächstes habe ich das Projekt Eyeglass erwähnt, das vom Schöpfer von Compass, Chris Eppstein, geleitet wird.

Zu diesem Zeitpunkt bin ich mir nicht sicher, ob und wie ich mit dem Web Compiler verwenden kann, aber vielleicht kann es jemand anders herausfinden.