什么是 macro-manager
macro-manager 是一款开源的 npm 包，其目的是帮助前端开发者更加便捷地管理和调用自定义宏。相信大家在前端开发过程中都会有一些常用的代码段，如事件绑定、样式处理等等，这些代码段我们可以称之为宏。而使用 macro-manager 可以将这些宏统一管理，以减少重复编码的时间和精力。
安装
在你的项目中使用 npm 安装 macro-manager：
npm install macro-manager --save
引入
在代码中引入 macro-manager：
const macroManager = require('macro-manager');使用
macro-manager 提供了两个方法：register 和 get，并且提供了两种使用方式：单个注册和批量注册。
单个注册
对于只有一个自定义宏的情况，可以使用单个注册方式：
macroManager.register('macroName', function() {
// 这里是自定义宏的代码部分
});这里的 'macroName' 是自定义宏的名称， ${macroName()} 就可以在代码中使用该自定义宏的代码部分。
批量注册
如果需要管理多个自定义宏，可以使用批量注册方式：
-- -------------------- ---- -------
-----------------------
----------- ---------- -
-- -------------
--
----------- ---------- -
-- -------------
--
---
---这里的 'macroName1' 和 'macroName2' 分别是自定义宏1和自定义宏2的名称，${macroName1()} 和 ${macroName2()} 分别可以在代码中使用自定义宏1和自定义宏2的代码部分。
使用自定义宏
在代码中使用自定义宏的代码部分：
-- -------------------- ---- -------
----- ------------ - -------------------------
-----------------------
----------- -------------- -
-- -------------
--
--------- ----------------- ---------- -
-- ------------
--
---
----- --- - --- -------
------------------ -- ------------------- ----- ----------
----- ------- - --------------------------------
-------------------总结
macro-manager 可以方便地管理和调用自定义宏，减少重复编码的时间和精力。使用时可以根据需要，单个或批量注册自定义宏，并在代码中使用 ${macroName()} 的方式调用自定义宏的代码部分。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600558e781e8991b448d638a