导读
现在，前端开发中用到的技术、工具相当的丰富，比如React、Vue、Webpack……而在这些中，npm作为前端开发中最基础的工具之一，估计每一个前端开发都很熟悉了。今天，我们就来了解下针对于npm的一个工具——cachemon。cachemon作为npm package的一个缓存管理工具，可以说已经成为了前端开发过程中不可或缺的一部分。在这篇文章中，我会详细的介绍cachemon的使用方法，为大家带来相关的学习与指导，希望可以对各位前端工程师有所帮助。
什么是cachemon？
cachemon作为一款npm package缓存管理工具，可以将下载下来的npm包缓存到本地，这样在我们下次使用这个包的时候，就不用再从远程服务器中去下载了，可以直接从本地获取，提高了使用效率。此外，与npm cache相比，cachemon不仅可以缓存安装的npm包，同时还可以缓存bower、yarn等一些其它package。
cachemon的安装
首先，我们需要全局安装cachemon：
--- ------- -------- --
cachemon的使用方法
cachemon的使用方法非常简单，我们只需要在需要缓存的包的前面加上c为前缀，就可以缓存这个包了。
例如，我们现在需要缓存lodash、ic-ajax以及angularjs这些包，我们只需要在前面加上c如下所示：
---- - ------- -------- ----------
这样当我们再次使用到这些包的时候，就会直接从本地拿取，而不会从npm服务器上去下载了。
cachemon的常用参数
除了之前提到的c参数之外，cachemon还提供了一些常用的参数，如下所示：
- -c, --cache=，指定缓存位置
- -r, --rebuild，清空缓存并重新安装
- -n, --no-color，不显示颜色
- -h, --help，显示帮助信息
- -v, --version，显示版本信息
cachemon的实例
下面我们来看下一个例子，以一个简单的angularjs的应用为例，来演示cachemon的使用方法：
--------- -----
----- ---------------
------
----- ----------------
---------------- ----------------
------- ---------------------------------------------------------------------------------
-------
------
---- -----------------------
----------
------
--------
--- --- - ----------------------- ----
------------------------ ---------------- -
------------- - ------ --------
---
---------
-------
-------当我们在执行npm install angular的时候，如果没有使用cachemon，我们需要下载angular这个包，将其放到node_modules目录下，并且还需要检查依赖版本是否正确、是否存在同名包等等。而如果我们使用cachemon，我们就相当于直接从之前缓存的包中获取这个angular包，相当快捷。如下所示：
---- - --------
最后，我们可以执行cachemon stat来查看缓存的统计信息，如下所示：
- -------- ---- -------- ------- ---------------------------------------------------------- - ------ - ------ - ----- - ---- --- - ---- ------- - ---------------------------------------------------------- - --- - - - - - -------- - -- ----- ---- - --- - ------------------ - - - -------- - -- ----- ---- ----------------------------------------------------------
总结
通过上述的介绍，我们了解了cachemon工具的一些基础知识以及相关的使用方法。cachemon可以帮助我们提高包管理的效率，减少下载时间和包管理难度，对于前端开发者而言，是非常实用的一个工具。如果你还没有使用过cachemon这款工具，我建议你可以试着在实际开发中使用一下，相信它会给你带来意想不到的好处。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066c90ccdc64669dde57e7