npm 包 cdn2 使用教程

什么是 npm 与 cdn2

npm（Node Package Manager），是一个 Node.js 的包管理器。通过 npm 可以方便的安装和使用包，便于我们管理项目依赖。npm 是前端开发的必备工具之一。

cdn2，是一个基于 JsDelivr 的快速 CDN 加速服务。它可以帮助我们快速的传送我们的静态资源。

通过 npm 发布到 cdn2 的包可以直接通过 cdn2 的加速服务引入到我们的项目中，因此可以极大地提高我们构建项目的效率。

如何使用 npm 包

1. 首先安装 npm 包: npm install cdn2 -g
2. 在你的代码中引入 cdn2 所要使用的资源

<script src="https://cdn2.jsdelivr.net/npm/vue"></script>

• tips:

  • 由于 cdn2 依赖 jsdelivr，因此需要保证网络的畅通，才能正确的加载 cdn2 资源。

如何发布 npm 包到 cdn2

1. 登录 npm 账户: npm login
2. 发布你的包: npm publish
3. 设置 cdn2 镜像为默认镜像:

npm set registry https://registry.npmjs.org/
npm set disturl https://npm.taobao.org/dist

1. 在根目录下创建一份 .npmrc 配置:

registry=https://registry.npmjs.org/
disturl=https://npm.taobao.org/dist
@types:registry=https://registry.npmjs.org/
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
phantomjs_cdnurl=https://npm.taobao.org/mirrors/phantomjs
electron_mirror=https://npm.taobao.org/mirrors/electron/

1. 登录 npm 官网，进入自己的 npm 包，如图所示：

   

2. 找到编辑按钮，将入口文件设置为自己要发布的文件，如图所示：

   

3. 点击保存即可。

发布成功后，之后通过 cdn2 可以访问到你的资源了。

总结

npm 包 cdn2 的组合使用能让我们在前端开发中更高效便捷的管理依赖和引入资源。通过上述步骤可以轻松的实现自己的 npm 包的发布和引用，从而让我们的开发更加高效快捷。

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