Gulp汇总源映射外部文件

Question

我正在使用gulp rollup plugin for sourcemaps，可以在浏览器devtools中看到我的源地图，但是我还需要能够为每个javascript文件创建外部源地图。

结果如下：

这是我的代码，我在文件中看不到任何.map文件：

   microbenchmark::microbenchmark( data.table = dt[ dt[, .I[1], Species ]$V1],
                                slice = iris %>% group_by(Species) %>% slice(1),
                                nest = {iris %>% 
                                    group_by(Species) %>% 
                                    nest() %>% 
                                    mutate(first_within_group = map(data, ~head(.x, 1))) %>% 
                                    select(-data) %>% 
                                    unnest()})

# Unit: microseconds
#       expr      min        lq      mean    median        uq       max neval
# data.table  622.111  680.7065  758.0381  737.7965  814.4675  1102.024   100
#      slice 1004.717 1049.1530 1110.7793 1080.7855 1161.8255  1365.028   100
#       nest 8455.281 8786.2190 9335.8634 8976.4675 9454.4230 28383.302   100

解决方案：

gulp.task('js', () => rollup({
  input: jsEntryFile, 
  sourcemap: true,
  plugins: [
    builtins(),
    nodeResolve({
      browser: true
    }),
    babel({
      exclude: 'node_modules/**'
    }),
    commonJs(),
    globals(),
    uglify(),
    sourcemaps(),
    json()
  ],
  format: 'umd'
})
  .on('error', function (err) {
    console.error(err)
    this.emit('end')
  })
  .pipe(source(jsOutputFileName))
  .pipe(gulp.dest(jsOutputDir))
)