多个源代码映射浏览器？ （一饮而尽-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: './' })