js-beautify-sourcemap

1.0.1 • Public • Published

js-beautify-sourcemap

通过压缩代码及行列位置 获取 对应格式化后的代码、行列位置、sourcemap 文件

相关文章

《脚本错误量极致优化-定位压缩且无SourceMap文件的脚本错误》

Usage

as Command line tools

全局安装

npm i -g js-beautify-sourcemap

开始执行

# filepath 为压缩文件的路径 (本地文件路径 / 线上文件 Url) 
jsbs <filepath> -l <row:column>

example

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  // 输出 格式化文件路径 及 行列位置

as Modules

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);

API

var reuslt = jsbs(source, opts, loc);

input

  • source - js code

  • opts - the same as js-beautify

  • loc - source's loc, to get target's loc

{
    line, 
    column
}

output

  • obj
{
    code,      // js-beautify code
    loc: {     // target's loc
        line,  
        column
    },
    sourcemap, // sourcemap
}

Thanks to

  • js-beautify
  • js-sourcemap

/js-beautify-sourcemap/

    Package Sidebar

    Install

    npm i js-beautify-sourcemap

    Weekly Downloads

    9

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    545 kB

    Total Files

    10

    Last publish

    Collaborators

    • joeyguo