前言
在前端开发过程中，我们常常需要将 js 代码压缩成一个文件，以减小文件体积，加快页面加载速度。前端工程化工具 webpack、gulp 等提供了很好的解决方案。但对于一些小型项目或者只需要简单压缩的场景，使用这些工具会显得过于繁琐。这时候，我们可以使用 npm 包 cjsc 来快速完成 js 代码压缩的任务。
cjsc 简介
cjsc 是一款基于 Closure Compiler 的命令行工具。Closure Compiler 是 Google 开源的一款 JavaScript 代码优化、压缩工具。它可以深度分析代码，并提供高级别的代码压缩、类型检查、优化等。相比其他压缩工具而言，它的压缩率更高，同时也能更好的保留代码的可读性。
安装 cjsc
使用 npm 包管理器进行安装：
--- - -- ----
压缩文件
使用 cjsc 所需的参数很少，只需指定输入和输出文件即可。以下是一个简单的使用示例：
---- -------- ------------- ---------
其中，input.js 是要被压缩的文件，output.js 是压缩后输出的文件名。
需要注意的是，如果你使用了第三方库或者 ES6 语法，还需要通过传递参数告诉 cjsc 如何处理。以下是一些常用的参数：
- --language_in：指定输入文件语言，可选值为 ECMASCRIPT_2015、ECMASCRIPT_2016、ECMASCRIPT_2017 等。
- --compilation_level：指定压缩级别，可选值为 WHITESPACE_ONLY、SIMPLE_OPTIMIZATIONS、ADVANCED_OPTIMIZATIONS。ADVANCED_OPTIMIZATIONS 可以获得更高的压缩效果，但需要在配置深度方面做出一些权衡。
- --module_resolution：指定如何解析模块，可选值为 NODE、BROWSER。
- --warning_level：指定警告级别，可选值为 QUIET、DEFAULT、VERBOSE、VERY_VERBOSE。
以下是一个完整的使用示例：
---- -------- ------------- --------- ------------- --------------- ------------------- ---------------------- ------------------- ------- --------------- -------
使用 cjsc 优化代码
对于已有的代码，可以通过使用 cjsc 来自动优化性能。
例如，在代码中使用了一个自定义的数组对象，而该对象尚未被压缩。通过使用 cjsc，你可以将代码改为使用 ES6 的 Set 对象：
--- ------------ -- -------- --------- - -- --- - --- ------- - --- ---------- ------------------ ------------------ ------------------ --------------------- -- ------------------------------------ -- ------ --- ----- - --- --------- ---- ------ ------------------- -- ------ - ---- ---- --- -
这里我们使用了 @constructor 注释告诉 Closure Compiler，MyArray 是一个构造函数。通过这种方式，Closure Compiler 会检测到我们使用了 push 方法，识别到这是一个类数组对象，然后自动将其转换为 Set 对象。
结语
cjsc 是一个非常好用的命令行工具，可以帮助我们快速地进行 js 代码压缩、性能优化等任务。当然，它的优秀不仅仅在于此。如果你更深入了解，你还能发现它有很多高级特性可以帮你完成更多有趣的任务。相信有了这篇文章作为引导，大家一定能够愉快地使用 cjsc。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/78004