gulp-sourcemapsは.css.mapの間違ったソースを出力します

Question

gulpとgulp-sourcemapsの設定に何が問題なのかわかりません。マイmain.cssとmain.css.mapはコンパイル、まだ私が間違ったソースを取得されています

{"version":3,"file":"main.css","sources":["/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css","/assets/sass/main.css" [...] etc 

それはソースとしてmain.css以外のものを表示することはありません。ブラウザで検査してソ​​ースをクリックすると、SCSSで最後にインポートされたファイルが表示されます。

これは私のガルプの作業です：

gulp.task('sass', function() { 
    return gulp.src(config.sass.src) 
     .pipe(sourcemaps.init({largeFile: true})) 
     .pipe(sass().on('error', sass.logError)) 
     .pipe(sourcemaps.write(".")) 
     .pipe(gulp.dest(config.sass.dest)); 
}); 

マイconfig.sass.srcがassets/sass/**/*.{sass,scss}

である私はまた、いくつかのautoprefixerパイプとcssnanoを持っていたが、私はすべての余分なものをコメントアウトし、同様のことを実行しようとしています、悲しいかな、同じもの。ここで

私SCSSの最小限の例です。

main.scss：

@import "components/buttons"; 

components/_buttons.scss：

button { 
    padding: 10px; 
    background: black; 
    color: white; 
    border: 0; 
    border-radius: 0; 
} 

これはcss.mapに次のように出力します

{"version":3,"file":"main.css","sources":["/assets/sass/main.css","/assets/sass/main.css"],"sourcesContent":["@import \"components/buttons\";","button {\n padding: 10px;\n background: black;\n color: white;\n border: 0;\n border-radius: 0;\n}"],"mappings":"ACAA,AAAA,MAAM,CAAC;EACH,OAAO,EAAE,IAAK;EACd,UAAU,EAAE,KAAM;EAClB,KAAK,EAAE,KAAM;EACb,MAAM,EAAE,CAAE;EACV,aAAa,EAAE,CAAE,GACpB","names":[]} 

を

使用：

• 一気3.9.1
• 一気-SASS 2.3.2
• 一気-sourcemaps 1.10.0

Answer 1

をそれはあなたが使用しているgulp-sourcemapsのバージョンでa bugです。

1.10.0から1.10.1への更新は問題を修正する必要がありますあなたのタスクと明らかに間違っ

npm install --save-dev gulp-sourcemaps