在前端开发过程中，使用npm包是非常常见的事情。虽然市面上很多npm包可以解决我们的问题，但是，对于类似于框架、库等领域，每个人的需求和实际情况都不同，因此，自己写一个npm包成为了一种很有必要的技术。
在本篇文章中，我将带你了解一个npm包——makansar， 并介绍这个npm包如何使用。
makansar是什么
makansar是一个webpack插件，用于将DVA框架中的effects剥离出redux-saga effects，因此，在使用makansar后，你可以将DVA框架的effects转化为redux-saga中的effects。而且使用makansar，你还可以获取更好的编辑器支持，比如VSCode的自动补全和eslint校验。
makansar的安装
安装makansar非常简单，只需要使用以下命令即可：
npm install makansar --save-dev
如何使用makansar
使用makansar需要在webpack.config中进行配置，下面给出一个简单的例子：
-- -------------------- ---- -------
----- -------- - --------------------
-------------- - -
-- ---
------- -
------ -
-- ---
-
----- -------- -- ------------
---- -
---------------
--------
-
-
-- ---
-
-
-- ---
-在makansar命中的场景中，我们需要引入以下三个文件：
import {put,call} from 'redux-saga/effects';
import {delay} from 'redux-saga';
import {message} from "antd";
放心使用makansar，这些文件仅仅在需要的时候进行引入，因此，对文件大小并不会产生影响。
以上介绍的仅仅是makansar的一些基础用法，如果你希望makansar能够更为高效地使用，你还需要掌握在注释中调用makansar的方法。
-- -------------------- ---- -------
---
- --------- ------
- ----- ---------
- ------- ------------------ ------------------
--
--------- ------------------
-- ---
-
通过这种方法，我们可以将注释和需要转化的方法挂钩，因此，相当方便地将DVA框架中的effects转化为redux-saga effects。
总结
通过本篇文章的介绍，你可以轻松使用makansar来将DVA框架的effects转化为redux-saga中的effects。并且了解了在注释中调用makansar以达到更好的效果。使用makansar，不仅仅可以提高开发效率，还可以使代码更加友好易读。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600554ac81e8991b448d1e2b