So habe ich die Anweisungen zum Gerüst ein neues Projekt mit Express-Generator neuesten Version gefolgt. Nach der Erstellung habe ich die npm-Installation gemacht und alles lief gut. Unter den Express-Generator-Optionen habe ich Mops als View-Engine und Sass als Stil übergeben. Sobald das Projekt erstellt wurde, habe ich festgestellt, dass die .css-Dateien neben den .scss-Dateien sind. Also habe ich einen neuen Ordner unter dem öffentlichen Ordner namens sass erstellt, um alle meine .scss-Dateien zu speichern, dann ändere ich den src-Pfad in der app.js file to public/sass, und ich habe nur zwei dateien im sass-ordner, die vom generator erstellt und andere mit einer variablen farbe zum testen des imports definiert wurden. Aber sobald ich die Dateien an diesen neuen Ort verschoben habe, werden keine Änderungen in der variablen Farbe vorgenommen. Wenn ich die Dateien zurück an den ursprünglichen Ort verschiebe, an dem sie arbeiten, kann mir jemand sagen, was vor sich geht?Ändern scss Datei Speicherort mit Express-Generator nicht funktioniert
app.use(sassMiddleware({
src: path.join(__dirname, "public", "sass"),
dest: path.join(__dirname, "public"),
indentedSyntax: false, // true = .sass and false = .scss
sourceMap: true
}));
Überprüfen Sie Ihre Sass-Dateien auf Includes. –
Ich habe nur einen Ordner namens Sass, in dem ich eine Datei namens styles.scss habe, die nur einen @import "Partials/Basics" hat; und in diesem sass Ordner habe ich einen anderen Ordner namens partials mit der Datei basics.scss mit nur $ black: # 000000; – alex
Haben Sie den Unterordner 'Partials' im Ordner' public \ sass'? Es muss '@import'-Grundlagen sein, wenn sich beide Dateien im selben Ordner befinden. –