在现代化的前端开发中，使用基于现有工具和插件构建应用程序已成为标准。npm（Node.js 包管理器）是一个常用的前端包管理工具，它提供了许多非常有用的软件包和库，其中一个非常有用的包是 purified。
purified 是一个工具，用于从 CSS 中删除未使用的样式。使用 purified 可以减小页面大小并提高性能，因为浏览器不再需要加载多余的 CSS。在本文中，我们将探讨 purified 的详细使用方法。
安装 purified
在开始使用 purified 之前，我们需要确保它已在项目中安装。可以使用以下 npm 命令完成安装：
npm install purified-css
使用 purified
命令行界面
purified 有一个命令行界面，可以使用命令行界面轻松地执行样式优化。以下是使用 purified 的基本命令行语法：
purifycss <content> <css> <output>
content: 要检查的 HTML 内容的路径。可以包含多个文件或文件夹。css: CSS 文件的路径，该文件是要优化的 CSS。output: 生成的优化 CSS 文件的路径。
例如，使用以下命令优化样式文件：
purifycss content/**/*.html css/*.css -o dist/purified.css
这将查找 src/content 目录下的所有 HTML 文件以及 src/css 目录下的所有 CSS 文件，并在 dist/purified.css 文件中输出优化的 CSS。
在 Node.js 中使用 purified
可以从 Node.js 中使用 purified，这是一个非常有用的方式，特别是在自动化构建和测试流程中。以下是一个 Node.js 示例脚本，该脚本使用 purified 从文件中删除未使用的 CSS：
-- -------------------- ---- ------- ----- -- - -------------- ----- -------- - ------------------------ ----- --- - ------------------------------------ ----- ------- - ------------------------------------ ----- ------ - ----------------- ----- --------------------------------------- --------
通过这段 Node.js 脚本，首先我们分别读取了 CSS 和 HTML 文件，然后使用 purified() 函数删除了 HTML 内容中未使用的样式，最后将结果写入 dist/purified.css。
总结
如上所述，通过安装 purified 包，使用其中的命令行界面或者从 Node.js 请求使用，我们可以轻松地删除未使用的样式，减小页面大小并提高性能。无论是优化自己的网站还是为客户提供优化过的 CSS，这都是非常值得尝试的工具。
示例代码
上文中的示例代码也可以从以下 Github 地址中获取：
https://github.com/purifycss/purifycss/blob/master/examples/node.js
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600578db81e8991b448eb061