在前端开发中，有时需要将 js、css 文件上传到 CDN 上，以提升网站性能。而 npm 包 cdn-up 就是一个可以帮助我们将本地文件上传到 CDN 上的工具。
安装
在使用 cdn-up 之前，需要先安装该 npm 包。可以使用以下命令进行安装：
npm install -g cdn-up
配置
在使用 cdn-up 之前，需要先进行一些必要的配置。在命令行中输入以下命令，会在用户的 home 目录下创建一个名为 .cdn-up.json 的配置文件：
cdn-up init
该文件中需要添加以下信息：
uploadUrl：CDN 上传地址compress：是否压缩文件copyUrl：CDN 外链地址前缀
例如，配置文件内容如下：
{
"uploadUrl": "http://cdn.example.com/upload",
"compress": true,
"copyUrl": "http://cdn.example.com/"
}使用
在进行上传之前，需要先编写需要上传的文件。假设我们有一个 index.html 文件和一个 main.js 文件，它们都位于项目根目录下。
上传单个文件
以下命令可以上传单个文件：
cdn-up index.html
执行该命令后，该文件会被上传到指定的 CDN 地址，并返回该文件的 CDN 外链地址。
上传多个文件
以下命令可以同时上传多个文件：
cdn-up index.html main.js
和上传单个文件一样，执行该命令后，这些文件也会被上传到指定的 CDN 地址，并返回它们各自的 CDN 外链地址。
示例代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
-------------------
------- ----------------------------------------------
-------
------
---------- -----------
-------
-------function hello() {
console.log("Hello, world!");
}总体来说，cdn-up 可以帮助我们快速并方便地上传文件到 CDN，并且该工具非常容易上手，无论是个人项目还是企业级项目，都可以使用 cdn-up 来提升网站性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055bb681e8991b448d94f7