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