cssnano-util-get-arguments 是一个可以帮助开发者解析 CSS 规则参数的 npm 包，它能够从字符串中提取出参数，并转化为数组结构。在前端开发中，使用这个工具可以方便地读取和操作 CSS 规则中的参数，加快开发进度并提高代码质量。
安装和引用
安装 cssnano-util-get-arguments：
--- ------- -------------------------- ----------
在项目中引入：
----- ------------ - --------------------------------------
使用方法
解析 CSS 参数
getArguments 可以将 CSS 规则中的参数解析成数组结构。例如，有以下 CSS 规则：
----------- ------------------ ------- ---------------- -----------------
通过 getArguments 解析后，可以得到如下结果：
- --- -------- ------------------ ----------------- -
指定参数分隔符
默认情况下，getArguments 会将逗号 , 和空格作为参数分隔符。但是，如果需要自定义分隔符，可以将分隔符作为第二个参数传入。例如，有以下规则：
---------- ---------------- ------------------
可以使用以下代码，将括号内的内容解析成数组结构：
----- ---- - ------------------------------ ------------------- -------
这样就可以得到如下结果：
-------------------- --------------------
解析多个参数
如果 CSS 规则中有多组参数需要解析，可以使用 getArguments 函数来遍历并解析每组参数。例如，有以下规则：
----------------- ------------------ ------- ---------------- ----------------- -------------------
可以使用以下代码来解析两组参数：
----- ---- - ------------------- ------- ---------------- ----------------- -------------------- ----- ------ - --- --- ----- ----- ------ - -------------------- - ------------------ ---- - ---------------------------- - --- - --------------------
这样就可以得到如下结果：
- - --- -------- ------------------ ----------------- -- - ------------- - -
总结
cssnano-util-get-arguments 是一个非常实用的 npm 包，可以方便地解析 CSS 规则中的参数。在开发过程中，使用这个工具可以大大提高代码质量和开发效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/46606