2

次のような単純な少ないタスクを含む 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 を正しく取得できません。

かなり長い間このことを経験してきましたが、どんな助けでも大歓迎です!

4

2 に答える 2

1

この投稿に出くわし、base64 形式ではないマップ用の別のファイルを取得する方法を知りたい場合は、宛先からの相対パスを渡すことができます。

例えば:

.pipe(sourcemaps.write('./'))

于 2016-09-01T12:58:25.030 に答える