简介
在前端开发中，代码的体积往往是影响页面加载速度的因素之一。为了减小页面的加载时间，我们可以使用压缩工具来将代码压缩成更小的体积。而 simply-minify 就是一个非常好用的 npm 包，它可以帮助你快速地对 JavaScript 代码进行压缩，并且提供了很多可定制的选项，让你能够根据自己的需求进行更细致的压缩。
在本文中，我们将会学习如何使用 simply-minify，包括安装、基本使用和进阶内容，同时也会探讨一些相关的技术知识。
安装
使用 simply-minify 首先需要安装它，我们可以通过以下命令进行安装：
npm install simply-minify --save-dev
这条命令会将 simply-minify 安装到项目的开发依赖中。
基本使用
安装完成后，我们就可以开始使用 simply-minify 来压缩代码了。下面是一个简单的示例：
-- -------------------- ---- ------- ----- - ------ - - ------------------------- ----- ---- - - -------- ------- - ------------------- --------- - -------- -- ----- ------- - - ------- ----- --------- ----- -- ----- ------ - ------------ --------- --------------------
这段代码将会输出以下内容：
function hello(){console.log("Hello, world!")}hello();我们首先通过 require 导入了 simply-minify 包中的 minify 函数。然后定义了一个 JavaScript 代码字符串和一个选项对象，分别表示需要被压缩的代码和压缩选项。其中，mangle 选项用于混淆变量名，compress 选项用于启用代码压缩。
最后，我们使用 minify 函数对代码进行压缩，并将压缩结果打印到控制台上。
进阶内容
除了基本用法外，simply-minify 还提供了很多进阶的功能，让你能够根据自己的需求进行更细致的压缩。下面介绍一些常用的选项和技巧。
选项
mangle
mangle 选项用于混淆变量名，从而减小代码体积。默认情况下是关闭的，你可以通过以下方式启用它：
const options = {
mangle: true,
};如果你想要保留某个变量名不被混淆，可以在变量名前加上 /* no-mangle */ 注释。
compress
compress 选项用于启用代码压缩功能。默认情况下是关闭的，你可以通过以下方式启用它：
const options = {
compress: true,
};output
output 选项用于控制输出的格式。默认情况下，simply-minify 会将代码压缩成一行，并且去除所有的注释。如果你想要保留注释、或者让代码被自动换行，可以使用以下方式进行配置：
const options = {
output: {
comments: true, // 保留注释
beautify: true, // 自动换行
},
};Source Maps
在压缩代码时，我们有时需要生成 Source Maps 文件，以便在调试时能够精确定位到原始代码位置。simply-minify 也提供了这个功能。
你可以通过将 sourceMap 选项
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/54389