CSS是前端开发中不可或缺的一部分，它能够使我们的页面更加美观、易读、易于维护。然而，CSS的文件体积往往较大，这会导致页面加载速度变慢，降低用户体验。为了解决这个问题，我们需要将CSS进行压缩，而npm包cssmin-cli就可以帮助我们完成这一任务。本文将详细介绍如何使用cssmin-cli进行CSS的压缩。
安装cssmin-cli
在使用cssmin-cli之前，我们需要先安装它。打开终端，输入以下命令进行安装：
npm install cssmin-cli -g
其中，-g选项表示全局安装，这样就可以在任何地方使用cssmin-cli进行CSS的压缩了。
使用cssmin-cli
安装完成后，我们就可以开始使用cssmin-cli进行CSS的压缩了。首先，将需要压缩的CSS文件放置到一个文件夹中，如下图所示：
接着，打开终端，进入到该文件夹中，并执行以下命令：
cssmin -o output.css input.css
其中，-o选项表示输出文件的路径和文件名，output.css是输出的文件名，可以根据需要进行修改。input.css表示需要压缩的源文件名，可以根据实际情况进行修改。执行命令后，终端中会显示压缩后的CSS代码，如下图所示：
同时，在当前文件夹中会生成一个名为output.css的压缩文件，如下图所示：
至此，CSS的压缩就已经完成了。
高级用法
除了基本用法外，cssmin-cli还支持一些高级用法，例如将多个CSS文件合并成一个文件进行压缩等。下面介绍一下这些高级用法的操作。
合并多个CSS文件
我们可以使用cat命令将多个CSS文件合并成一个文件，再使用cssmin-cli对其进行压缩。示例代码如下：
打开终端，进入存放CSS文件的文件夹中，执行以下命令：
cat a.css b.css > c.css && cssmin -o output.css c.css
其中，a.css和b.css为需要合并的CSS文件，c.css为合并后的CSS文件，可以根据需要进行修改。执行命令后，在当前文件夹中会生成一个名为output.css的压缩文件，其中包含了a.css和b.css中的CSS代码。
对整个文件夹中的CSS文件进行压缩
如果需要对整个文件夹中的CSS文件进行压缩，我们可以使用find命令来查找文件夹中所有的CSS文件，然后使用xargs命令将它们逐个传递给cssmin-cli进行压缩。示例代码如下：
打开终端，进入存放CSS文件的文件夹中，执行以下命令：
find . -name "*.css" | xargs cssmin -o output.css
其中，-name选项表示根据文件名进行查找，"*.css"表示查找所有后缀为.css的文件。执行命令后，在当前文件夹中会生成一个名为output.css的文件，其中包含了所有CSS文件的压缩代码。
结语
本文介绍了如何使用npm包cssmin-cli进行CSS的压缩，包括基本用法和高级用法。希望本文能够对前端开发工程师有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedcc09b5cbfe1ea06126da