gpt4 book ai didi

未加载 CSS Sourcemaps

转载 作者:行者123 更新时间:2023-11-28 06:30:43 29 4
gpt4 key购买 nike

所以我有以下任务:

gulp.task('sass', function () {
gulp.src(['./angular/app/**/*.s+(a|c)ss'])
.pipe($.concat('app.css'))
.pipe($.sourcemaps.init())
.pipe($.sass({ includePaths: ['./angular/app/global'] }).on('error', $.sass.logError))
.pipe($.if(gulpUtil.env.env === 'prod', $.uglify().on('error', onError)))
.pipe($.sourcemaps.write('./'))

.pipe(gulp.dest('public/css'))
.pipe($.notify({
title: 'Gulp',
subtitle: 'success',
message: 'sass compiled',
sound: "Pop"
}))
.pipe($.livereload());
});

这就像它应该的那样工作,它会在 css 文件旁边生成 map 文件。在 css 文件中,底行如下:

/*# sourceMappingURL=app.css.map */

但 chrome 和 Firefox 都加载在该 map 文件中。难道我做错了什么?或者有什么东西不工作?

虽然具有类似任务的 JS 文件确实在我的 devTools 的源选项卡中拆分了 js

最佳答案

找到问题了,是concat的冲突。

通过以下方式修复它:

var prefix = function () {
var prefix = new Buffer("\n/* Added dynamically */\n", 'utf-8');

return through.obj(function(file, enc, cb) {
file.contents = Buffer.concat([prefix, file.contents]);
this.push(file);
cb();
});
};

gulp.task('sass', function () {
gulp.src(['./angular/app/**/*.s+(a|c)ss'])
.pipe(prefix())
.pipe($.sourcemaps.init())
.pipe($.sass({ includePaths: ['./angular/app/global']}).on('error', $.sass.logError))
.pipe($.if(gulpUtil.env.env === 'prod', $.uglify().on('error', onError)))
.pipe($.concat('app.css'))
.pipe($.sourcemaps.write())
.pipe(gulp.dest('public/css'))
.pipe($.notify({
title: 'Gulp',
subtitle: 'success',
message: 'sass compiled',
sound: "Pop"
}))
.pipe($.livereload());
});

我现在唯一的问题是源映射不能在不同的文件中。

关于未加载 CSS Sourcemaps,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34987282/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com