Lösen Sie das Problem der Verwendung von weniger in Vue

1. Installieren Sie weniger Abhängigkeiten: npm install less less-loader --save

2. Ändern Sie die Datei webpack.base.config.js, konfigurieren Sie den Loader zum Laden von Abhängigkeiten, stellen Sie sicher, dass er weniger externe Unterstützung bietet, und fügen Sie ihn dem ursprünglichen Code hinzu

// Diese Methode zeigt den Style-Tag style in der Konsole an { 
    Test: /\.less$/,

    Lader: "Style-Loader! CSS-Loader! Less-Loader",
　
   options: { sourceMap: true } //Sie können in der Konsole sehen, aus welcher LESER-Datei der aktuelle Tag-Stil stammt} 

3. Einsatz im Projekt

Fügen Sie dem Style-Tag in der Vue-Datei lang="less" hinzu, um Less im Tag zu verwenden, oder importieren Sie Less extern.

Aufgetretene Probleme:

Ursache: Die installierte Version des Less-Loaders ist zu hoch. Lösung:

1.npm deinstallieren Sie less-loader 2.npm installieren Sie [email protected]

Oder ändern Sie einfach die Versionsnummer in der Datei package.json und installieren Sie dann npm

Dies ist das Ende dieses Artikels über die Verwendung von Less in Vue. Weitere relevante Inhalte zur Verwendung von Vue Less finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!