简介
@yincw/rework 是一个基于 rework 的 CSS 处理器，可以对 CSS 进行修改和重构。它可以被用于前端项目中，作为构建工具的一部分，以便我们可以自动化地处理 CSS。
安装
可以使用 npm 进行安装：
npm install --save-dev @yincw/rework
使用
@yincw/rework 支持链式调用，你需要按照以下方式引入和使用它：
-- -------------------- ---- -------
----- ------ - -------------------------
-- -- ------ --- ---
----- --- - --------
----- -
------ ----
-
--
-- ----- --- ----
-------------------
-------------------
-- ----- ---
------------以上代码使用了 rework 插件的核心功能，同时使用了一些插件对 CSS 进行了修改。在这个过程中，rework 插件会自动调用这些插件，并将它们的输出结果传递给下一个插件，最终生成修改后的 CSS。
插件
autopolyfiller
自动添加浏览器前缀以及 polyfill。
-- -------------------- ---- -------
----- ------ - -------------------------
----- ------------ - --------------------------------------
----- ------------------- - -
--------------------- ------ - ---------- --- -- ----
--
-- -- ------ --- ---
----- --- - --------
----- -
------ ----
-------- -----
-
--
-- -----------
---------------------------------------
-- ----- ---
------------colors
对颜色进行转换。
-- -------------------- ---- -------
----- ------ - -------------------------
----- ------ - ---------------------------------------
----- --- - --------
----- -
------ ----
----------------- -----
-
--
-- ---------- ---- ---- --- ---
--------------
------------inline-import
内联导入。
-- -------------------- ---- -------
----- ------ - -------------------------
----- ------------ - ---------------------------------------
----- --- - --------
------- -----------------------------------
------- -----------
----- -
------ ----
-
--
-- ---- --- ---------
--------------------
------------mixins
在样式中使用 mixins。
-- -------------------- ---- -------
----- ------ - -------------------------
----- ------ - --------------------------------
----- --- - --------
---- -
------ ----
----------------- ------------------- -----
-
---- -
------ -------------------- -----
-
--
-- ----- ------ ----
--------------
------------示例
-- -------------------- ---- -------
----- ------ - -------------------------
----- ------- - ----------------------------------------
----- ------------ - --------------------------------------
----- ------ - ---------------------------------------
----- ------ - ---------------------------------------
----- ------ - ---------------------------------------
----- -------- - -----------------------------------------
----- -------- - ---------------------------------------
----- ------- - ---------------------------------------
----- ------ - --------------------------------
----- ------ - ---------------------------------------
----- ---- - ------------------------------------
----- --- - --------
------- ------------
------- -------------
-------- -
----------------- --------
-
--
-- ----
----------------
-- --- ----
-----------
----- ----------------------------
---
-- ------ ------
-------------
----- ---------------------
---
-- ------
--------------
-- ------
--------------
-- ------
--------------
-- -------
--------------
------------ ----------
----------------- ------
---
-- ------
--------------
-- ---------
----------------
-- ------------
-------------------
--------------------- ------ - ----------
---
-- ----
---------------
-- ----- ---
------------总结
@yincw/rework 是一个极其强大的 CSS 处理器，在前端开发中有着广泛的应用。可以通过以上文章详细了解到如何安装、使用插件以及代码示例等内容。希望本文对大家能有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067355890c4f7277583a7e