So lösen Sie das Problem der Fehlerberichterstattung bei der Einführung von CSS in VueJS

Lösungen zur Einführung von CSS-Fehlerberichten in VueJS: 1. Füllen Sie die Parsing-Abhängigkeiten aus; 2. Fügen Sie externe CSS-Dateien in main.js ein; 3. Fügen Sie externe CSS-Dateien in APP.Vue ein.

Die Betriebsumgebung dieses Artikels: Windows7-System, Vue-Version 2.5.17, DELL G3-Computer.

Wie kann das Problem der Einführung von CSS-Fehlern in VueJS gelöst werden? Einige Fallstricke bei der Einführung von CSS- oder weniger Dateien durch VueJS

Wenn wir Vue + Webpack erstellen, ist es unvermeidlich, dass wir verschiedene öffentliche Dateien im CSS-Stil einführen. Wie führen wir sie also ein? Welche Fallstricke gibt es bei der Einführung?

Bei der Einführung öffentlicher Stile verwenden wir zunächst die AMD-Methode in „main.js“, also

require('./assets/stylus/index.styl');
或者：
import './assets/stylus/index.styl'

Zu diesem Zeitpunkt geben wir einen Fehler aus, da wir die Analyseabhängigkeit nicht geschrieben haben, Webpack jedoch bereits Ich weiß nicht wie. Analyse

Zu diesem Zeitpunkt müssen wir die Abhängigkeiten ausfüllen,

import '!style-loader!css-loader!stylus-loader!./assets/stylus/index.styl'

Dann wird alles gut, oder Sie können mit der Einführung von CSS-Dateien beginnen webpack.base.config.js ====>> >

Jetzt können Sie die CSS-Datei einführen in main.js:

2 ===》Fügen Sie externe CSS-Dateien in APP.Vue ein:

Verwandte Empfehlungen: „

“ „Das neueste 5 vue.js-Video-Tutorial Auswahl

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem der Fehlerberichterstattung bei der Einführung von CSS in VueJS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!