javascript - 具有相同名称的多个 sourcemaps 抛出浏览器？ (gulp-sourcemaps)

Question

这是 gulpfile:

widgets.forEach(function(widget){
        gulp.src('widgets/' + widget + "/Widget.es6")
            .pipe(sourcemaps.init())
            .pipe(babel({ modules: 'amd' }))
            //.pipe(uglify())
            .pipe(rename('Widget.js'))
            .pipe(sourcemaps.write('.'))
            .pipe(gulp.dest('widgets/' + widget + "/"));
    });

我有几个需要处理的“小部件”。每个都需要自己的 sourcemap。但是，每个小部件都有自己的 Widget.js 文件(在其目录中)。这会导致在每个小部件目录中创建一个 Widget.js.map。这很好，除了当我打开 google chrome 开发人员并尝试通过单击已编译的文件来调试原始文件时，它变得困惑了。我认为它使用了错误的源映射，因为它们都具有相同的名称。

寻找这个问题的解决方案(由于我正在使用的框架，我需要将小部件 js 文件命名为 Widget.js)

提前致谢。

Answer 1

向 gulp.src 添加一个基础为我解决了这个问题。

例如 gulp.src('widgets/' + widget + '/Widget.es6', { base: './' })