前言
随着 Web 开发的迅猛发展，前端技术的发展也愈加迅猛。而在进行前端开发的过程中，CSS 样式文件也是必不可缺的一部分，因此有时候我们需要获取到当前页面中使用的所有 CSS 样式文件的路径，然后进行操作。而 vamtiger-get-stylesheet-paths 包就是一个可以帮助我们轻松获取页面中所有 CSS 样式文件路径的工具包。
什么是 vamtiger-get-stylesheet-paths
vamtiger-get-stylesheet-paths 是一个 npm 包，在安装完成后可以帮助我们获取到当前页面中使用的所有 CSS 样式文件的路径。
安装
在使用 vamtiger-get-stylesheet-paths 之前，我们需要先进行安装。在终端中执行以下命令：
npm install vamtiger-get-stylesheet-paths --save
使用
安装完成后我们可以在项目中使用以下代码来获取当前页面中使用的所有 CSS 样式文件的路径：
-- -------------------- ---- -------
----- -------------------------- - -----------------------------------------
----------------------------
----------- -- -
-------------------
--
------------ -- -
-------------------
---在执行之后，我们会得到一个包含当前页面中所有 CSS 样式文件路径的数组。
配合其他工具使用
在我们获取到了页面中的所有 CSS 样式文件路径之后，我们就可以根据需要进行后续的操作。以下是一个示例代码，可以帮助我们获取页面中所有 CSS 样式文件中定义的 class 名称：
-- -------------------- ---- -------
----- -- - --------------
----- -------------------------- - -----------------------------------------
----------------------------
----------- -- -
----- --------- - -------------------------- --------- -- -
----- ------------ - ------------------------- ---------
------ ----------- - -------------
-- ----
----- ---------- - -------------------------------- -- ---
------------------------
--
------------ -- -
-------------------
---在执行代码之后，我们就可以得到页面中所有 CSS 样式文件中定义的 class 名称。
结语
vamtiger-get-stylesheet-paths 包提供了一个便捷的方式来获取页面中的所有 CSS 样式文件路径，方便我们进行后续操作。希望这篇文章对于前端开发人员学习和使用 vamtiger-get-stylesheet-paths 有所指导。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/79834