前言
在前端开发中，我们经常会遇到需要优化代码的情况。而现在的大型项目中，通常会使用一些构建工具来简化开发流程。在这些构建工具中，Babel 可以帮助我们将现代 JavaScript 代码转义为浏览器更广泛支持的 ES5 代码。
但是在实际开发中，有些情况下我们可能需要反向操作，也就是将已经经过压缩的代码还原成可读性更高、更容易调试的代码。这时候就需要使用到 babel-preset-unminify 这个 npm 包。今天我们就来介绍一下这个包的使用方法。
安装
使用 npm 进行安装：
--- ------- ---------- ---------------------
使用
在 .babelrc 中配置 babel-preset-unminify：
-
---------- -
----------
-
-这样就可以在 Babel 转义代码时使用 babel-preset-unminify 进行反向操作，将代码从压缩状态还原成可读状态。
示例
假设我们有以下经过压缩的代码：
--- -------------------- ------------------------------------------ ---------------------- ---------------------------------------------------------------------------------------------------------- ------ -------------------------------------
我们将其保存为 index.js 后，可以使用以下命令进行反向操作：
--- ----- -------- --------- --------
得到的代码如下：
--- - - -------- ----------- -
--- ----- - --------------------
------ ----------------- -
--- --- - ----------- - -------------------- - ---
-- ------------- -
---------- - -------------- ------
-
------ -----------
--
------ -- ---- ---
---------------------------------可以看到，这段压缩过的代码被还原出了可读性更高的形式。
总结
在需要进行代码反压缩的情况下，使用 babel-preset-unminify 可以帮助我们快速地还原出可读性更高、更容易调试的代码。关于该 npm 包的更多使用方法，可以查看其 官方文档。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6006735a890c4f7277583f0c