Articles of 源地图

NodeJS 5.x + Babel 6asynchronous/等待debugging

当我尝试使用transform-async-to-generator babel插件(尽pipe我已经尝试几乎所有其他组合)尝试使用async / awaitdebugging代码时,我遇到了一些棘手的debugging体验。 基本上,一个await的代码会跳到方法的末尾,然后进入编译的代码。 video export class Cat { async meow(){ let p = await this.bat(); // <<<< this line runs this.fart(); // <<<< then skips this line return p; // <<<< and goes to this line ( always last line in fn ) } } 如果您查看该函数的生成代码: meow() { var _this = this; return […]

WebPack源地图混淆(重复的文件)

我决定尝试一下我今天轮到的一个新项目WebPack,我从源代码中得到了非常奇怪的行为。 在文档中找不到任何关于它的内容,在浏览StackOverflow时也不能find其他人。 我目前正在查看由Vue-CLI的WebPack模板生成的HelloWorld应用程序 – 没有对代码,构build环境或其他任何内容进行更改。 我安装了一切,像这样运行: vue init webpack test && cd test && npm install && npm run dev 看看我的源代码,我看到以下内容: 这是一个混乱。 为什么有三个版本的HelloWorld.vue和App.vue ? 更糟糕的是,每个版本都有一个稍微不同的代码版本,没有一个匹配原始源代码。 坐在根目录下的HellowWorld.vue与原始的源代码相匹配,但它在那里做什么,而不是在./src/components文件夹中? 最后,为什么没有第四个App.vue有它的原始来源? 据我所知,这可能与WebPack装载机有关。 不过,我从来没有得到任何其他打包机的这类问题。 以下是使用Browserify Vue-CLI模板完全相同步骤的示例: 没有webpack:// schema,每个文件只有一个副本,这些文件实际上包含了原始的源代码 (对于源地图很重要),没有意外的(webpack)/buildin或者(webpack)-hot-middleware ,没有. 子目录,….只是源代码。

在WebStorm中debugging编译ES6 nodejs应用程序

我想debugging一个从babel编译的ES6文件运行的节点应用程序。 我有一个src文件夹中的ES6源代码和buildel文件夹中的babel ES5等价物。 Project root | | build | > ES5 Compiled files | | src | > ES6 Source files 我的目标:直接在我的ES6源代码中放置断点。 我已经生成了适当的源映射,并且我创build了一个节点debuggingconfiguration,该configuration运行ES5主文件,并将项目根设置为工作目录。 当我在ES5编译文件中设置断点时,可以中断,并自动显示我的ES6源代码。 不过,我想直接在ES6源代码中放置断点 。 这甚至可能吗? – > 2015-10-11编辑< 当我使用绝对的sourceRoot时,源映射现在可以在@ mockaroodev的configuration下 sourceRoot ! 然而 ,debugging仍然是打破:有时候会把我带到意想不到的地方。 似乎当该行暗含非内部(非本地) require时,debugging器将在所需内容结束时中断。 这是非常烦人的! 我在Linux上使用Webstorm 10.0.4,并将babel和sourcemaps升级到最新版本。 有人也遇到这个问题吗?