抛出浏览器的同名多个源图？ （吞-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 + "/"));
    });

我需要处理几个“小部件”。每个都需要自己的源图。但是，每个小部件都有自己的Widget.js文件（在其目录中）。这导致在每个窗口小部件目录中创建Widget.js.map。这很好，除了当我打开谷歌浏览器开发人员并尝试通过点击已编译的原始文件来调试原始文件时，它正在混淆。我认为它使用了错误的源图，因为它们都具有相同的名称。

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

提前致谢。

Answer 1

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

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