在前端开发中，我们经常会使用npm下载包来实现代码模块的复用。但是，每次下载可能会花费较长时间，尤其是在网络环境不太好的情况下。此时，有一个npm包可以解决这个问题——download-cached。download-cached可以缓存已下载的npm包，当我们需要重新安装时，直接从缓存中读取，而不是重新下载一遍。
安装
在使用download-cached之前，我们需要进行安装。直接执行以下命令即可：
npm install download-cached
使用
download-cached的使用非常简单，我们可以在安装包的时候使用它，也可以在已经安装的包上使用它。
安装新的包
当我们需要安装新的npm包时，可以通过以下命令使用download-cached：
npx download-cached <package-name>
例如，我们想要下载vue-router这个包，并使用download-cached：
npx download-cached vue-router
执行这个命令后，download-cached会默认将包下载到当前目录的node_modules目录下。
更新已有的包
当我们需要更新已经安装好的npm包时，也可以使用download-cached。只需要在安装包的命令前加上download-cached即可。
例如，我们已经安装好了vue-router，现在需要升级版本：
npx download-cached npm install vue-router@next
这个命令会使用download-cached从缓存中读取已有的包，并进行版本更新。
配置
download-cached有一些配置项，可以用于修改缓存的位置、缓存的时间等属性。要配置这些选项，我们需要在package.json中添加一个download-cached对象。
例如，我们想要将缓存放到/tmp目录下，设置缓存时间为1小时：
{
"download-cached": {
"cachedDir": "/tmp",
"ttl": "1h"
}
}示例代码
-- -------------------- ---- -------
-- -----
--- --------------- ----------
-- ------
--- --------------- --- ------- ---------------
-- ----
-
------------------ -
------------ -------
------ ----
-
-总结
download-cached可以帮助我们缓存已下载的npm包，从而节省重复下载的时间，提高了我们的开发效率。它使用起来很简单，只需要在安装npm包的命令前加上download-cached即可。并且，通过配置download-cached选项，我们可以进一步优化缓存的位置和缓存时间等属性，使得它更加适合我们的个性化需求，提高我们的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055cc281e8991b448da5f8