如何使用自定义webpack加载器生成自定义源映射？

Question

在编写自定义加载程序时，我一直在尝试生成自定义源映射。

我的来源＆＃39;是几行文字

this 
is 
my 
log 
lines

我写了一个将它转换为

的加载器

exports.printAll = function(){ console.log("this ");
console.log("is ");
console.log("my ");
console.log("log ");
console.log("lines")}

一切都在运行时工作 - 我看到了打印 - 但我无法生成源地图。 我正在使用source-map这是一个npm库，但文档很少，我找不到任何实用的教程。 所以我的代码就像在黑暗中拍摄......它根本不起作用。

var sourceMap = require('source-map');
  var SourceMapGenerator = sourceMap.SourceMapGenerator
  var map = new SourceMapGenerator({
    file: path.resolve("app/scripts/loglines.txt"),
    sourceContent: lines
  });

  map.addMapping({
    generated: {
      line: 2,
      column: 5
    },
    source: path.resolve("app/scripts/guy.txt"),
    sourceContent:lines.join('\n'), 
    original: {
      line: 1,
      column: 0
    }
  });

我在chrome的开发工具中看到的只有app/scripts/guy.txt，内容如下

null


/** WEBPACK FOOTER **
 ** ./app/scripts/guy.txt
 **/

我想在这里看到的是原始文本行。 对于我走过的每一行，我想看到控制台日志。

调试器实际上在null上停止了:)所以发生了一些事情。但那是关于那个。