什么是 css-purge？
css-purge 是一个基于 Node.js 的 npm 包，它的主要功能是移除 CSS 文件中未使用的选择器，从而减小文件大小，提高网站性能。它的使用方法简单，但是可以大幅优化页面加载速度。
安装
首先，你需要在电脑上安装 Node.js 和 npm。如果你已经安装好了，那么可以直接在命令行中运行以下命令：
--- ------- ---------
安装完成后，你就可以在项目中使用 css-purge 了。
使用方法
使用 css-purge 非常简单，只需要在命令行中执行以下命令即可：
--- --------- --------- -- -------------
其中，style.css 是你需要进行优化的 CSS 文件，style.min.css 是你要生成的优化后的 CSS 文件。如果不指定输出文件的名称，css-purge 默认会在原文件的基础上生成一个 _purged 后缀的文件。
高级用法
除了基本的使用方法之外，css-purge 还提供了一些高级用法，可以通过命令行参数来控制。
忽略某些文件
有时我们的项目中会使用一些 CSS 文件，但是它们并不是网站所必需的，这时候我们就需要排除这些文件。可以通过命令行参数 -i 来指定文件，例如：
--- --------- --------- -- --------- ---------- -- -------------
其中，reset.css 和 layout.css 是要忽略的文件，它们不会影响优化后的文件。
启用 safe mode
有些选择器虽然没被使用到，但是它们可能在 JavaScript 代码中被使用到了。为了避免移除这些必要的选择器，css-purge 提供了 safe mode。
启用 safe mode 只需要在命令行中添加 -s 参数：
--- --------- --------- -- -- -------------
优化样式表中的 @media
当我们使用响应式布局时，通常会在 CSS 文件中使用 @media 查询。这些查询会导致文件大小的增加，css-purge 可以通过启用参数 -m 来将这些查询合并到一个更少的样式表中：
--- --------- --------- -- -- -------------
其他参数
除了上述介绍的参数之外，css-purge 还提供了一些其他的参数，例如 -v 来查看版本号、-h 来查看帮助信息等。可以通过命令行输入 npx css-purge -h 来获取更多帮助信息。
结论
在现代网站中，提高页面的加载速度非常重要。css-purge 可以帮助我们移除未使用的选择器，从而减小文件大小，提高网站性能。使用 css-purge 可以很好地优化网站的样式表，并且它的使用方法简单，值得我们尝试。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5f21451e403f2923b035c69b