私はnpm update
今日走ったが、その後に起こったのは惨事だ。パッケージをインストールするのに苦労しましたが、すべてが適切な場所にあるように見えたのでgulp
、SCSS コードを CSS にコンパイルするタスクを開始しました。
このコードは私の問題を再現します:
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']);
});
を介してこのコードを実行するgulp default
と、次の結果が得られます。
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"}
sources
生成されたソース マップの配列には、"../../stdin/"
代わりに"example.scss"
! しかし、なぜ?