次のような単純な少ないタスクを含む gulp ワークフローがあります。
gulp.task('less', function() {
gulp.src(source_less)
.pipe(sourcemaps.init())
.pipe(less({
sourceMap: true
}))
.pipe(sourcemaps.write())
.pipe(gulp.dest(dest_less));
});
gulp-sourcemapsモジュールでソース マップを CSS ファイルのインライン コメントとして表示したい。しかし、gulp が LESS をコンパイルするたびに、gulp-sourcemaps にソース ファイルへのパスが表示されません。代わりに、次のように表示されます。
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2
VzIjpbIm1haW4ubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJLG1DQUFBIiwi
ZmlsZSI6Im1haW4uY3NzIiwic291cmNlc0NvbnRlbnQiOlsibmF2IHtcclxuICAgIGJhY2tncm91bmQtY29
sb3I6IHllbGxvdyAhaW1wb3J0YW50O1xyXG59Il0sInNvdXJjZVJvb3QiOiIvc291cmNlLyJ9 */
livereload や autoprefixer などを削除して、gulpfile を大幅に簡素化しました。しかし、この簡素化されたバージョンでも、ソース URL を正しく取得できません。
かなり長い間このことを経験してきましたが、どんな助けでも大歓迎です!