简介
在前端开发中，我们常常会遇到需要对 CSS 进行优化的情况。而 drier 就是一个非常有用的工具，它可以自动去除 CSS 中的冗余代码，从而提高代码的效率和性能。
安装
使用 drier 首先需要安装它，步骤如下：
- 打开终端；
- 输入以下命令进行全局安装：
--- ------- -- -----
使用
安装完成后，我们就可以使用 drier 对 CSS 代码进行优化了。下面是使用方法：
- 将需要优化的 CSS 代码保存成文件，例如
style.css； - 输入以下命令：
----- ---------
注意：如果您需要同时优化多个 CSS 文件，可以将它们的文件名全部列在命令行之后，用空格分隔。
- 优化后的 CSS 代码将直接输出到终端。如果需要将它们保存在文件中，可以使用重定向符号
>，例如：
----- --------- - -------------
这将会将优化后的代码输出到 style.min.css 文件中。
配置
drier 支持一些配置项，可以根据您的具体需求进行调整。下面是常用的一些配置选项：
<input>（必填）：需要进行优化的 CSS 文件或者多个 CSS 文件的文件名；-D（或者--dangerous）：开启危险模式，会使得 drier 将一些非常危险的代码进行优化。不过在使用时需要特别小心，以免出现不可预料的错误；-o <output>（或者--output=<output>）：输出优化后的 CSS 文件的文件名；-v（或者--version）：输出 drier 的版本信息；-h（或者--help）：输出帮助信息。
示例代码
下面是一个简单的示例代码，它将使用 drier 对 style.css 文件进行优化，并将优化后的代码输出到 style.min.css 文件中。
-- --------- -- ---- - ------- -- -------- -- - - - ---------- ----- ------------ ---- - --- --- --- --- --- -- - ----------- -- -------------- ------- ------------ -------- -
----- --------- - -------------
-- ------------- -- ------------------------ --------------------------------- -----------------------------------------------------------------------
结语
通过本篇文章的介绍，相信大家已经对 drier 的使用有了基本的了解。在实际的前端开发中，drier 可以大大提高我们的开发效率和性能，值得大家使用和推广。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60057b1381e8991b448eb798