介绍
fis-optimizer-clean-css 是一个基于 Node.js 平台的 CSS 压缩工具。它可以将 CSS 文件压缩并且优化，从而减小文件大小，提高加载速度。fis-optimizer-clean-css 是一个 NPM 包，使用方便，可以轻松地集成到你的项目中。
安装
在使用 fis-optimizer-clean-css 之前，请确保已经安装了 Node.js。然后，在终端中输入以下命令进行安装：
npm install fis-optimizer-clean-css -g
如果你使用的是 fis3 的话，也可以在项目中安装 fis-optimizer-clean-css：
npm install fis-optimizer-clean-css --save-dev
使用
命令行
在终端中，你可以使用以下命令来运行 fis-optimizer-clean-css：
clean-css input.css -o output.css
其中，input.css 是待压缩的 CSS 文件，output.css 是压缩后的文件。
除了上述命令之外，fis-optimizer-clean-css 还支持更多的参数以及配置项。你可以通过以下命令查看帮助文档：
clean-css -h
fis3 配置
如果你使用的是 fis3，可以在 fis-conf.js 中进行配置：
fis.match('*.css', {
optimizer: fis.plugin('clean-css', {
// 配置项
})
});配置项
fis-optimizer-clean-css 支持以下配置项：
- compatibility: 指定要兼容的浏览器版本，默认为 '*'，即兼容所有浏览器；
- level: 指定优化的级别，包括 0、1 和 2，级别越高，优化效果越明显，默认为 1；
- rebase: 是否重写引用路径，默认为 true；
- format: 是否美化输出，默认为 false；
- inline: 是否合并源文件中的 @import 语句，默认为 true。
例子
下面是一个示例，演示了如何使用 fis-optimizer-clean-css 来压缩 CSS 文件：
-- -------------------- ---- ------- -- --------- -- ---- - ------- -- -------- -- - -- - ----------- ----- - - - ---------------- ----- -
clean-css input.css -o output.css
/* output.css */
body{margin:0;padding:0}ul{list-style: none}a{text-decoration:none}总结
通过本教程，你已经学会如何使用 fis-optimizer-clean-css 来压缩 CSS 文件了。在实际项目中，压缩 CSS 文件是一个非常重要的步骤，可以提高页面加载速度，给用户带来更好的用户体验。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/63535