什么是oss-cnpm-prefix
oss-cnpm-prefix 是一个基于阿里云OSS的npm资源镜像,提供快速依赖下载,通过配置淘宝、cnpm、npm的源,可使前端开发工作变得更加高效快捷。
安装和配置
安装
全局安装
npm install oss-cnpm-prefix -g
这样可以在命令行中直接使用oss-cnpm-prefix命令。
局部安装
npm install oss-cnpm-prefix --save
配置
修改npm源地址为阿里云OSS,即npm的registry地址。可以通过以下方式进行配置:
方法一:使用config命令行配置
oss-cnpm-prefix config
运行完成后文件中会添加如下配置:
-- -------------------- ---- ------- - ----------- ------------------------------- ---------- ------------------------------ ------------------- -------------------------------------------- ------------------ ------------------------------------------- ------------------- -------------------------------------------- ---------------------- ----------------------------------------------- --------------------- --------------------------------------------- -
方法二:手动编辑配置文件
在 npm 的用户目录下(Windows 系统为 %USERPROFILE%\.npmrc
,Linux 和 macOS 系统为 ~/.npmrc
)添加以下配置:
registry = https://npm-cn.oldboyedu.com disturl = https://npm.taobao.org/dist sass_binary_site = https://npm.taobao.org/mirrors/node-sass/ electron_mirror = https://npm.taobao.org/mirrors/electron/ phantomjs_cdnurl = https://npm.taobao.org/mirrors/phantomjs/ chromedriver_cdnurl = https://cdn.npm.taobao.org/dist/chromedriver operadriver_cdnurl = https://cdn.npm.taobao.org/dist/operadriver
使用
使用npm或yarn安装依赖包时,会自动使用oss-cnpm-prefix下载对应的包。例如:
npm install vue
这条命令会先检查本地是否有vue的缓存文件,没有则自动从阿里云OSS下载。
特色功能
强制使用淘宝源下载
有时阿里云OSS源下载速度较慢,但我们又不想改变默认的npm registry,这时可以使用oss-cnpm-prefix提供的强制使用淘宝源下载的功能。
npm install vue --registry=https://registry.npm.taobao.org
这条命令将会强制使用淘宝源下载vue依赖包,并且只对该次下载有效。
支持缓存清理
使用oss-cnpm-prefix下载的依赖包默认缓存在系统缓存中,可以手动清理缓存。
清理所有缓存
oss-cnpm-prefix clear
清理指定包的缓存
oss-cnpm-prefix clear vue
清理超过指定时间的缓存
oss-cnpm-prefix clear --older-than 7d
小结
使用oss-cnpm-prefix可以方便地将npm源地址转换为阿里云OSS源,使前端开发工作变得更加高效快捷。同时,它提供了强制使用淘宝源下载依赖包以及缓存清理的功能,大大提高了我们的开发效率。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005593281e8991b448d6a2f