通过压缩代码及行列位置 获取 对应格式化后的代码、行列位置、sourcemap 文件
《脚本错误量极致优化-定位压缩且无SourceMap文件的脚本错误》
npm i -g js-beautify-sourcemap
# filepath 为压缩文件的路径 (本地文件路径 / 线上文件 Url)
jsbs <filepath> -l <row:column>
jsbs /Users/lazy-9340f8131b.js -l 1:1257
输出
[input] /Users/lazy-9340f8131b.js line: 1, column: 1257 // 输入 压缩文件路径 及 行列位置
[output] /var/jsbs-lazy-9340f8131b.js line: 36, column: 50 // 输出 格式化文件路径 及 行列位置
npm install js-beautify-sourcemap
import jsbs from 'js-beautify-sourcemap';
const uglyCode = `function test(){console.log(js-sourcemap)};`;
const reuslt = jsbs(uglyCode, {}, {
line: 1,
column: 28
});
console.log(reuslt);
var reuslt = jsbs(source, opts, loc);
-
source - js code
-
opts - the same as js-beautify
-
loc - source's loc, to get target's loc
{
line,
column
}
- obj
{
code, // js-beautify code
loc: { // target's loc
line,
column
},
sourcemap, // sourcemap
}
- js-beautify
- js-sourcemap