前言
在前端开发中，我们经常会遇到需要优化代码的情况。而现在的大型项目中，通常会使用一些构建工具来简化开发流程。在这些构建工具中，Babel 可以帮助我们将现代 JavaScript 代码转义为浏览器更广泛支持的 ES5 代码。
但是在实际开发中，有些情况下我们可能需要反向操作，也就是将已经经过压缩的代码还原成可读性更高、更容易调试的代码。这时候就需要使用到 babel-preset-unminify 这个 npm 包。今天我们就来介绍一下这个包的使用方法。
安装
使用 npm 进行安装：
npm install --save-dev babel-preset-unminify
使用
在 .babelrc 中配置 babel-preset-unminify：
{
"presets": [
"unminify"
]
}这样就可以在 Babel 转义代码时使用 babel-preset-unminify 进行反向操作，将代码从压缩状态还原成可读状态。
示例
假设我们有以下经过压缩的代码：
var a=function(o){return o=Object.create(null),function(e,r){return ""+(r=(r||(t=e()),void 0===o[r]&&(o[r]=0),o[r]++,r,o[r]-1)).replace(/\d/gi,n=>["零","一","二","三","四","五","六","七","八","九"][n])}(void 0,void 0)};console.log(a.length.toString());我们将其保存为 index.js 后，可以使用以下命令进行反向操作：
npx babel index.js --presets unminify
得到的代码如下：
-- -------------------- ---- -------
--- - - -------- ----------- -
--- ----- - --------------------
------ ----------------- -
--- --- - ----------- - -------------------- - ---
-- ------------- -
---------- - -------------- ------
-
------ -----------
--
------ -- ---- ---
---------------------------------可以看到，这段压缩过的代码被还原出了可读性更高的形式。
总结
在需要进行代码反压缩的情况下，使用 babel-preset-unminify 可以帮助我们快速地还原出可读性更高、更容易调试的代码。关于该 npm 包的更多使用方法，可以查看其 官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006735a890c4f7277583f0c