多個源代碼映射瀏覽器？ （一飲而盡-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: './' })