npm 包 cdn-deploy-cli 使用教程

随着全球互联网的普及，网站的访问量越来越大，为了提升网站的访问速度及用户体验，常常需要使用 CDN (Content Delivery Network) 技术，将网站上的静态资源如图片、样式表、脚本等存储到离用户较近的 CDN 服务器上。

CDN 厂商提供了一些管理工具，但这些工具往往需要手动上传、更新静态资源文件，非常繁琐。而 npm 包 cdn-deploy-cli 则可以帮助我们自动完成文件上传和CDN部署的工作，提高应用程序的效率和准确度。以下是使用教程。

安装 npm 包

进入项目目录，使用以下命令安装 cdn-deploy-cli：

npm install cdn-deploy-cli --global

安装完成后即可使用以下命令：

cdn-deploy

配置

首次使用 cdn-deploy-cli，需要进行配置。

cdn-deploy init

使用该命令将会生成 .cdnrc.json 配置文件，该文件位于项目根目录下。

配置文件模板如下：

{
  "accessKey": "",
  "secretKey": "",
  "bucket": "",
  "region": ""
}

参数说明：

• accessKey: CDN 厂商提供的访问密钥 ID。
• secretKey: CDN 厂商提供的访问密钥 Secret。
• bucket: 存储空间名称。
• region: 存储区域。

可以根据需要自行修改和补充。

部署静态文件

部署静态文件请使用以下命令：

cdn-deploy push <source-directory> <dest-dir>

参数说明：

• source-directory: 需要上传的静态文件所在的路径，支持通配符。
• dest-dir: 静态文件在 CDN 上的存储路径。

示例代码：

cdn-deploy push ./static/js/* /js/

上述命令将会将 ./static/js/ 目录下所有文件上传到存储空间的 /js/ 目录中。

更新静态文件

更新静态文件的操作可分为两步，第一步是删除已经过期的静态文件，第二步才是上传新的文件。可以使用以下命令自动完成这两个步骤：

cdn-deploy update <source-directory> <dest-dir>

参数说明同上。

示例代码：

cdn-deploy update ./static/js/* /js/

该命令会删除存储空间中 /js/ 目录下已经过期的文件，并上传新的静态文件。

删除静态文件

删除已经过期的静态文件可使用以下命令：

cdn-deploy delele <dest-dir>

参数说明：

• dest-dir: 需要删除静态文件所在的路径，支持通配符。

示例代码：

cdn-deploy delete /js/*

上述命令将会删除存储空间中 /js/ 目录下的所有文件。

总结

通过 npm 包 cdn-deploy-cli，我们可以轻松地完成静态文件的上传、更新和删除等操作，大大提高了我们的工作效率和准确性。同时，也为我们提供了更好的用户体验和更快的访问速度。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005727a81e8991b448e8ac1