2017-07-21 3 views
1

Ich hoffe wirklich, dass dies ein Duplikat ist nicht, aber ich habe unzählige Beiträge hier gesucht und kann nicht dieses spezielle Problem finden, hoffentlich die Stackoverflow-CommunityGulp/SCSS zu CSS Working (aber nicht funktioniert)

helfen kann, ich bin neu in Gulp und Sass und bin dabei, eine einfache Vorlage zu erstellen, um zukünftige Projekte zu experimentieren und vorzubereiten, aber ich habe einen Haken

Ich habe die folgende Ordnerstruktur zum Testen (il justiere dies, wenn alles besser funktioniert)

Template 
-- node_modules 
-- stylesheets 
-----test.scss 
-----test.css (generated by the gulpfile.js) 
gulpfile.js 
package.json 

mein Schluck f ile wird wie folgt, eine einfache Uhr auf test.scss zu erstellen und zu aktualisieren test.css

var gulp = require('gulp'); 
var sass = require('gulp-sass'); 

gulp.task('styles', function() { 
    return gulp.src('stylesheets/**/*.scss') 
    .pipe(sass().on('error', sass.logError)); 
}); 

//Watch task 
gulp.task('default',function() { 
    gulp.watch('stylesheets/**/*.scss', ['styles']); 
}); 

Jetzt, als ich schluck laufen und einen Stil in test.scss speichere ich so etwas wie dies in cmd erhalten

Starting 'styles'... 
Finished 'styles' after 49 ms 

Also ich glaube, es gibt keine Fehler, aber wenn ich in der test.css Datei, die erstellt/aktualisiert ist, gibt es keine Stile!

es jedoch über Kommentare kopiert ... also, wenn i/put in * Kommentar /in test.scss dann sicher genug/ Kommentar */erscheint in text.css

schluck-Sass erfolgreich installiert, aber im wirklich verwirrt, was im fehlenden

Vielen Dank im Voraus

James

PS, Versionen von Dingen usw., ich habe auch einen XAMPP Webserver einrichten lokal

Node => v6.11.1, 
gulp => CLI version 1.3.1, Local version 3.9.1, 
ruby => 2.4.1p111, 
sass => 3.5.1 (Bleeding Edge) 
npm => 3.10.10 

Antwort

0

Ich denke

gulp.task('styles', function() { 
    return gulp.src('stylesheets/**/*.scss') 
    .pipe(sass().on('error', sass.logError)); 
}); 

sollte

gulp.task('styles', function() { 
    return gulp.src('stylesheets/**/*.scss') 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(gulp.dest('./stylesheets')); 
}); 
Verwandte Themen