Ho eseguito npm update
oggi e ciò che seguì è un disastro. Ho avuto problemi nel trovare i pacchetti da installare, ma dopo che tutto sembrava essere nel posto giusto, ho avviato la mia attività gulp
che compila il mio codice SCSS in CSS.Sourcemap matrici di "sorgenti" link a "../../stdin" invece del file SCSS effettivo
Questo codice riproduce il mio problema:
var gulp = require('gulp'),
sourcemaps = require('gulp-sourcemaps'),
sass = require('gulp-sass');
gulp.task('sass', function() {
gulp.src('www/sass/*.scss')
.pipe(sourcemaps.init())
.pipe(sass())
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('www/css'));
});
gulp.task('default', ['sass'], function(){
gulp.watch('www/sass/*.scss', {debounceDelay: 2000}, ['sass']);
});
Dopo l'esecuzione di questo pezzo di codice tramite gulp default
, questo è il risultato:
www/sass/example.scss
#test {
color: red;
}
www/css/example.css
#test {
color: red; }
/*# sourceMappingURL=example.css.map */
www/css/example.css.map
{"version":3,"sources":["../../stdin"],"names":[],"mappings":"AAAA,KAAK,CAAC;EACL,KAAK,EAAE,GAAI,GACX","file":"example.css","sourceRoot":"/sass"}
Il sources
array nella mappa fonte generato contiene "../../stdin/"
anziché "example.scss"
! Ma perché?
Ho un errore simile –
Il problema sembra essere un bug senza risposta da parte dello sviluppatore ancora: https://github.com/dlmanning/gulp-sass/issues/394 – SeinopSys