{ "devDependencies": { "gulp": "^3.9.0", "gulp-minify-css": "^1.2.0", "gulp-sass": "^2.0.4", "gulp-sourcemaps": "^1.5.2" } } ※gulp-sass の 2.0.3 以前のバージョンでは、windows 環境でのソースマップの出力に不具合があるようなので、windows 環境でうまくいかない場合はバージョンを上げてみましょう。 1. インライン出力 css ファイルにマッピング情報が追記されます。 var gulp = require('gulp'); var sass = require('gulp-sass'); var sourcemaps = require('gulp-sourcemaps'); /* sass task */ gulp.task('sass'
![gulp-sass で sourcemap を使う - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/780708d92cbd64105d94d43edf5013a0f5e04008/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9Z3VscC1zYXNzJTIwJUUzJTgxJUE3JTIwc291cmNlbWFwJTIwJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJTg2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0zNTIyMGY5MjVlOWU5YTQ3YWIyNzNkZDhiM2Q2Y2FjNw%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBreWFpZG8mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTFiNTliMDI1NGFjMmMxZWIxODFiNmNlNmM4MDg2NDM0%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D27a442ec186d1e854cc676dd74bf195c)