Beispielcode mit SCSS in Uni-App

Aufgetroffene Fallstricke

Ich habe den ganzen Nachmittag damit verbracht, die Fallstricke bei der Verwendung von SCSS in Uni-App zu lösen. Lassen Sie mich zunächst über mein Problem sprechen. Ich konnte @mixin bei Verwendung von SCSS nicht verwenden, und dann verwendete Baidu verschiedene Methoden zum Debuggen:

Problem beim Schreiben des Codes (es ist nicht möglich, der Schreibmethode der offiziellen Website vollständig zu folgen): Demo der offiziellen Website

Browserproblem (Firefox funktioniert nicht).

Syntaxversionsproblem (Ändern der Schreibmethode funktioniert nicht): SCSS funktioniert nicht mit Mixin und der Browser kann es nicht kompilieren

Das Plugin ist nicht installiert (eine Neuinstallation funktioniert immer noch nicht).

<style type='css'> in scss geändert, funktioniert immer noch nicht.

Die Verwendung der neuen SCSS-Syntax funktioniert noch nicht

Ich konnte es den ganzen Nachmittag nicht herausfinden. Da ich keine andere Wahl hatte, dachte ich daran, die Methode zur Installation von SCSS in Vue auszuprobieren, und es funktionierte tatsächlich.

Es ist zu beachten, dass es nicht global eingeführt werden kann, sondern nur seitenweise eingeführt werden kann. Ich bin auch betrunken.

Zusammenfassen:

Uni-App basiert auf Vue. Wenn Sie das nächste Mal etwas installieren/importieren möchten, versuchen Sie es zuerst mit Vue. Wenn es nicht funktioniert, versuchen Sie es mit Uni-App.

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.