介绍
在前端开发中，对网站性能优化的要求越来越高，减少加载时间成为了必须的任务。其中之一就是通过压缩 JS 文件来减少文件大小，进而提高页面加载速度。rollup-plugin-closure-compiler-js 是一个基于 Google Closure Compiler 算法的 JavaScript 压缩器，可以将 JS 文件进行优化。在 rollup 中使用该插件可以快速地压缩 JS 文件，从而加速页面的加载速度。
安装
在本地项目中安装 rollup-plugin-closure-compiler-js：
npm install rollup-plugin-closure-compiler-js --save-dev
配置
在 rollup 配置文件中引入 rollup-plugin-closure-compiler-js：
-- -------------------- ---- -------
------ --------------- ---- -----------------------------------
------ ------- -
------ ---------------
------- -
----- -----------------
------- -------
---------- ----
--
-------- -
-----------------
----------------- -----------
----------- -----
----------- ---------------------
------------ ---------------------
------------- -------
--
-
-在此配置中，我们使用了 ADVANCED 编译级别，这表示 Closure Compiler 将进行深度优化，包括代码混淆、死代码删除等等。jsCompiler 设置为 true 表示使用 JavaScript 语言编译器，编译后的代码保证符合 ECMAScript 5 严格模式。
使用示例
使用 rollup-plugin-closure-compiler-js 压缩一个简单的 JavaScript 文件。
原始 JS 文件：
function hello(name) {
console.log('Hello ' + name + '!');
}
hello('World');在 rollup 中，我们将该文件打包为一个 IIFE 形式：
import hello from './hello.js';
hello('World');在 rollup 配置中引入 rollup-plugin-closure-compiler-js，进行压缩：
-- -------------------- ---- -------
------ --------------- ---- ------------------------------------
------ ------- -
------ ---------------
------- -
----- -----------------
------- -------
---------- ----
--
-------- -
-----------------
----------------- -----------
----------- -----
----------- ---------------------
------------ ---------------------
------------- -------
--
-
-压缩后的 JS 文件：
console.log("Hello World!");结论
使用 rollup-plugin-closure-compiler-js 可以将 JavaScript 文件进行深度优化，包括代码混淆、死代码删除等等，从而减少文件大小，提高页面加载速度。但是需要注意，该插件不能保证压缩后代码的可读性，对于一些需要导出的模块，需要进行特殊处理。希望通过本文的介绍，能够帮助大家更好地使用 rollup-plugin-closure-compiler-js 进行 JS 代码压缩。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f6a06e7a9b7065299ccb86d