前言
在前端中，我们经常需要对 CSS 进行压缩，以减小传输大小以及提升页面加载速度。而 fez-clean-css 就是一款可以帮助我们将 CSS 进行压缩的 npm 包。在本文中，我将为大家介绍该 npm 包的使用方法。
安装
在开始使用 fez-clean-css 之前，我们需要将其安装至项目依赖中。可以使用以下命令进行安装：
npm install -D fez-clean-css
使用
在安装完成之后，就可以开始使用 fez-clean-css 进行 CSS 压缩了。
配置任务
如果你使用的是 fez 构建工具，那么可以在 fez 的配置文件中添加以下代码：
// fezfile.js
var fez = require('fez');
exports.tasks = function() {
this.use('fez-clean-css', { /* 配置项 */ });
};其中，{ /* 配置项 */ } 是 fez-clean-css 的配置项。可以通过该配置项控制 fez-clean-css 的行为。
配置项
在配置项中，可以设置以下参数：
input：表示要进行压缩的 CSS 文件所在目录。output：表示压缩后的 CSS 文件输出路径。sourceMap：表示是否生成 source map 文件。默认为false。options：表示 CSS 压缩的配置项。
示例代码
以下是一个简单的示例代码：
-- -------------------- ---- -------
-- ----------
--- --- - ---------------
--- ----------- - -------------------------
------------- - ---------- -
------------------------- -
------ ----------
------- -----------
---------- -----
-------- -
--------- -----
-------------------- --
--
---
--在上面的代码中，我们将 src/css 目录下的所有 CSS 文件进行压缩，并将压缩后的文件输出至 dist/css 目录。同时，生成 source map 文件，并且启用了压缩选项中的 advanced 和 keepSpecialComments。这些选项可以通过 fez-clean-css 文档进行了解，以进行更加有效的 CSS 压缩。
结语
通过本文，读者已经了解了如何使用 npm 的 fez-clean-css 包进行 CSS 压缩，并且了解了其一些常用的配置项。CSS 压缩是前端开发中必不可少的一步，希望本文对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5ef1508fefcef77a054b7620