我正试图让Babel在从命令行运行时生成源图.围绕源映射的Babel docs似乎更多地针对gulp工作流而且我不确定它是如何转换为命令行的.

我正在编写我的打字稿

tsc -p ./src

我的tsconfig.json：

{
    "compilerOptions": {
        "module": "amd",
        "noImplicitAny": true,
        "removeComments": false,
        "preserveConstEnums": true,
        "out": "wwwroot/app.js",
        "sourceMap": true,
        "target": "ES6"
    },
    "files": [
        "App.ts"
    ]
}

这会生成wwwroot / app.js和wwwroot / app.js.map.

然后我在app.js上运行babel：

babel ./wwwroot/app.js -o ./wwwroot/app.js --presets es2015 --compact false --inputSourceMap ./wwwroot/app.js.map --sourceMaps both

这会修改app.js,但会使app.js.map保持原始状态,这意味着两者不再对齐.

如何让babel步骤生成一个新的源图,将我最终的app.js映射回我的打字稿源？

解决方法:

我正在寻找完全相同的东西,发现了这个：https://phabricator.babeljs.io/T6911

基本上,虽然高级选项也可以与babel –name = value一起使用,但CLI不支持为inputSourceMap指定文件名,并且仅在使用代码时才可用.

Gulp sourcemaps with TypeScript and Babel可能对您有所帮助.我可以让它生成引用JS和原始TS文件的源图,这看起来很有希望.但是(如该答案的评论中所述)我似乎也无法使用正确的sourceRoot,因此.js.map文件指向实际不存在的源位置.

不太满意.