文档章节

使用 SourceMap 来进行压缩后的代码调试

t
 t568b
发布于 2014/06/09 11:37
字数 184
阅读 71
收藏 0

Js被压缩之后,调试起来非常困难,SourceMap可以很好的解决这样的调试问题.

本例压缩工具使用nodejs的UglifyJS:

安装移步:

https://github.com/mishoo/UglifyJS

压缩命令:

uglifyjs index.js --source-map index.min.js.map --source-map-root ./ -m -c -o index.min.js

这样source-map文件会生成到和index.min.js同一级目录下。

chrome dev-tools设置, 启用source-map:

刷新页面, 点击dev-tools -> sources , 展开index.min.js所在的目录,就会看到压缩前的js文件。然后在原文件打断点,即可以进行调试。

==================================================================

参考文章:

使用 SourceMap 来进行压缩后的代码调试,以underscore为例

http://www.2fz1.com/?p=565

JavaScript Source Map 详解

http://www.ruanyifeng.com/blog/2013/01/javascript_source_map.html

© 著作权归作者所有

共有 人打赏支持
t

t568b

粉丝 1
博文 1
码字总数 184
作品 0
东城
前端异常监控、上报及js压缩代码定位

最近在研究前端异常监控的问题,对查询的资料做了整理汇总,总体如下 一、前端异常监控方式 1. window.onerror 异常处理 window.onerror 无论是异步还是非异步错误,onerror 都能捕获到运行时...

Keely袁庆玲
08/05
0
0
前端异常监控之 Sentry的部署和使用

由于最近在整理前端异常监控相关内容,所以自己在虚拟机搭建部署了一下Sentry,把搭建过程及一些自己踩得坑整理如下 一、Sentry部署 Sentry搭建有两种方式: 通过Python安装 教程地址 通过D...

Keely袁庆玲
08/16
0
0
Parcel v1.7.1 发布,极速零配置 Web 应用打包工具

Parcel v1.7.1 已发布,Parcel 是一款极速、零配置的 Web 应用打包工具。它无需安装插件,开箱即用,使用 worker 进程去启用多核编译,同时有文件系统缓存,即使在重启构建后也能快速再编译。...

王练
04/23
0
0
WebStorm开启Scss的Source Maps功能

本地安装好SCSS后,用WebStorm工具新建一个'*.scss'文件,就会自动提醒是否'Add watcher',直接点击一下就OK啦;前提是要本机安装了Ruby和SCSS才行; 这样WebStorm就会自动新建一个scss的'wa...

渊翼
2014/06/08
0
2
判断某节点是否和其他节点联通并计算时延 Network Delay Time

问题: There are network nodes, labelled to . Given , a list of travel times as directed edges , where is the source node, is the target node, and is the time it takes for a sig......

叶枫啦啦
01/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

初级开发-编程题

` public static void main(String[] args) { System.out.println(changeStrToUpperCase("user_name_abc")); System.out.println(changeStrToLowerCase(changeStrToUpperCase("user_name_abc......

小池仔
今天
6
0
现场看路演了!

HiBlock
昨天
17
0
Rabbit MQ基本概念介绍

RabbitMQ介绍 • RabbitMQ是一个消息中间件,是一个很好用的消息队列框架。 • ConnectionFactory、Connection、Channel都是RabbitMQ对外提供的API中最基本的对象。Connection是RabbitMQ的s...

寰宇01
昨天
10
0
官方精简版Windows10:微软自己都看不过去了

微软宣布,该公司正在寻求解决方案,以减轻企业客户的Windows 10规模。该公司声称,企业客户下载整个Windows 10文件以更新设备既费钱又费时。 微软宣布,该公司正在寻求解决方案,以减轻企业...

linux-tao
昨天
19
0
TypeScript基础入门之JSX(二)

转发 TypeScript基础入门之JSX(二) 属性类型检查 键入检查属性的第一步是确定元素属性类型。 内在元素和基于价值的元素之间略有不同。 对于内部元素,它是JSX.IntrinsicElements上的属性类型...

durban
昨天
12
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部