Articles of 源地图

白名单与nodejs文件隐藏源代码

我最近把我的错误日志与getsentry.com集成在一起 。 现在我的问题是,我不得不生成一个源地图,所以基本上任何人用现代浏览器现在可以看到我的原代码完全评论。 我正在寻找一种方法来允许访问源映射文件只有特定的ips和/或nodejs的子网,因为我使用的是heroku。 我想它会涉及使用像https://www.npmjs.org/package/express-ipfilter或https://www.npmjs.org/package/ip 。 但是仍然想着如何创build一个“路由”到文件并评估ips的中间环节

meteorless源地图不会被加载到客户端

我尝试在我的项目中获得更less的源地图,但是他们似乎并没有传递给客户端。 > meteor –version > Release 0.8.1.3 > lessc –version > lessc 1.7.0 (LESS Compiler) [JavaScript] > less .meteor/packages |grep less > less > ls .meteor/local/build/programs/client > -rw-r–r– 1 mhhf staff 342679 Jun 6 13:05 473be00fc614aeff1b93b555c76b905fcc71e56b.css > -rw-r–r– 1 mhhf staff 463306 Jun 6 13:05 473be00fc614aeff1b93b555c76b905fcc71e56b.css.map > less .meteor/local/build/programs/client/program.json > … > { "path": "473be00fc614aeff1b93b555c76b905fcc71e56b.css", […]

在browserify期间,uglifying下划线打破了源代码映射

相关,但没有答案。 在我的NPM项目中,我public了以下文件夹: sourcemaps $ tree public/ public/ ├── index.html ├── js ├── bar.js ├── foo.js ├── main.js 在bar : 'use strict'; var go = module.exports = function () { return 'hey, I am bar'; }; 在foo : 'use strict'; var bar = require('./bar'); var go = module.exports = function () { console.log(bar()); }; main : […]

CSS编辑/压缩和Source Maps v3

有谁知道一个工具,将压缩/缩小/合并我的CSS文件,并产生可用于Chrome的有效的V3源地图? 最好是一个NodeJS工具。 我知道的节点的压缩机是干净的css,csso,css-condense(使用css-parse,但扼stream器在bootstrap.css)和cssmin(YUI端口,但没有CLI)。 这些似乎都没有源图支持。 我认为SASS(Ruby)和Less.js正在开发实现,但这些是预处理工具。

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升级到最新版本。 有人也遇到这个问题吗?