So verwenden Sie die Sass-Konfiguration im Vue-Projekt

Dieses Mal zeige ich Ihnen, wie Sie die Sass-Konfiguration in Vue-Projekten verwenden. Was sind die Vorsichtsmaßnahmen für die Verwendung der Sass-Konfiguration in Vue-Projekten?

1. Erstellen Sie ein neues Projekt basierend auf der Webpack-Vorlage

$ vue init webpack myvue

2. Im aktuellen Verzeichnis installieren Sie die Abhängigkeiten

$ cd myvue
$ npm install

3. Installieren Sie das Sass-Abhängigkeitspaket

npm install --save-dev sass-loader
//sass-loader依赖于node-sass
npm install --save-dev node-sass

4. Fügen Sie die Konfiguration

{
 test: /\.sass$/,
 loaders: ['style', 'css', 'scss']
}

in den Regeln von webpack.base.conf.js im Build-Ordner hinzu Wie unten gezeigt:

5. Ändern Sie das Style-Tag

<style></style>

in APP.vue 6. Führen Sie dann das Projekt aus

$ npm run dev

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Schritte für Vue zur Verarbeitung der Storejs-Datenerfassung

Welche Methoden gibt es, um .vimrc neu zu laden, ohne Vim neu zu starten?

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Sass-Konfiguration im Vue-Projekt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!