Erweitern bootstrap in create react app

Question

Ich bin bereit, Boostrap-Klassen in meiner Sass-Datei zu erweitern. Ich kompiliere mein Sass wie in diesem example.

Ich habe die Boostrap-Dateien in meinen Ordner /src kopiert.

jedoch mit diesem einfachen Beispiel:

@import "bootstrap/*"; 

.header{ 
    @extend .container; 
    background-color:red; 

} 

ich den Fehler:

{ "Status": 1, "Datei": „C:/sites/mharrisweb-redux /src/sass/style.scss ", " line ": 1, " spalte ": 1, " nachricht ":" Datei zu importieren nicht gefunden oder unlesbar: bootstrap/. \ nParent style sheet: C:/Seiten/mharrisweb-redux/src/sass/style.scss ", " formatiert ":" Fehler: Zu importierende Datei nicht gefunden oder nicht lesbar: bootstrap/. \ n Übergeordnetes Stylesheet: C: /sites/mharrisweb-redux/src/sass/style.scss \ n in Zeile 1 von src/sass/style.scss \ n >> @import \ "Bootstrap/* \"; \ n^\ n“ }

Answer 1

Wenn Sie diese Datei Struktur haben:

src     
    bootstrap 
    sass 
    style.scss      

sollten Sie verwenden:

@import "../bootstrap/scss/bootstrap"; 

Wenn Sie Bootstrap mit Paketmanager (NPM oder Garn) installiert haben, können Sie Folgendes verwenden:

@import "~bootstrap/scss/bootstrap";