如何发布自己的npm包？

最新推荐文章于 2024-04-29 21:20:26 发布
最新推荐文章于 2024-04-29 21:20:26 发布
阅读量417 收藏
点赞数
分类专栏： npm 文章标签： npm javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44208404/article/details/129190864
版权

1 文件组成

  • package.json文件
  • components文件
  • css样式文件
  • index.js文件

2 package.json配置

  • description：描述
  • title：题目
  • keywords：搜索关键词
  • typings：指定TypeScript的入口文件
  • main：加载的入口文件
  • module：定义npm包ESM规范的入口文件
  • files：它是一个数组，用于描述当把npm包作为依赖包安装时需要说明的文件列表，当npm包发布时，files指定的文件会被推送到npm服务器中，如果指定的是文件夹，那么该文件夹下所有文件都会提交
  • unpkg：让npm上所有文件都开启cdn服务

3 发布步骤

  1. npm login 登录npm账号
  2. npm publish 发布
涵。
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Unpkg 简介
weixin_34221073的博客
05-12 4335
序 本文翻译自官网首页，并添加了部分译者注释。 unpkg 是一个前端常用的公共 CDN，它通过 URL 语法完成了别人 web 界面内才能达到的效果，简洁而优雅，在流行的类库、框架文档中常常能看到它的身影。 unpkg 是什么 unpkg 是一个内容源自 npm 的全球快速 CDN。 注：它部署在 cloudflare上，在大陆地区访问到的是香港节点。...
发布自己的npm包并使用
09-19
发布自己的npm包并使用
Unpkg: 快速、全球分布的 npm 包 CDN
gitblog_00004的博客
03-12 540
Unpkg: 快速、全球分布的 npm 包 CDN Unpkg 是一个快速、全球分布的 npm 包 CDN（内容分发网络）。它提供了一个简单的 URL 接口来访问任何在 npm 上发布的包及其文件。这意味着你可以直接通过 <script> 标签引用 npm 包，而无需额外配置服务器或下载文件。 使用 Unpkg 做什么？ Unpkg 可用于以下场景： 在网页中直接引入前端库或框架，如...
rollup打包vue组件
weixin_46787337的博客
12-13 1433
然后npm发布做完这些你就可以使用pnpm add 你的包名import {xxx } from '你的包名'！！！！！！！！！！！//注意npm发布的时候一定要注意main和module字段的指定路径是否正确，不然这么引入将报错。
php服务本地服务503_unpkg本地服务搭建
weixin_39868248的博客
12-20 476
unpkg 是什么unpkg 是一个前端常用的公共 CDN，它通过 URL 语法完成了别人 web 界面内才能达到的效果，简洁而优雅，在流行的类库、框架文档中常常能看到它的身影。它部署在 cloudflare上，在大陆地区访问到的是香港节点。它支持 h/2 和很多新特性，如果不考虑网络延迟的原因，性能优化较为出色。在国内一些互联网公司也有镜像，例如知乎和饿了么。它能以快速而简单的方式提供...
如何发布一个你自己的npm包
weixin_41285537的博客
04-04 275
如何发布一个你自己的npm包
如何发布一个属于自己的 npm 包
lazy_tomato的博客
11-27 590
在日常的工作中，我们会接触很多 npm 包。有时候会想到，构建一个属于自己的 npm 包，应该超级酷吧？
如何发布一个npm包
weixin_45032067的博客
06-23 7912
如何发布一个自己写的npm包
如何发布自己的npm包
油墨香^-^的博客
07-15 2575
介绍NPM是一个包管理器，为js开发人员提供可以在项目中使用的模块，以提高生产率。我使用流行的NPM软件包，如Lodash和DateFunctions，使我的开发工作流程更简单。使用NPM包很简单。您只需使用NPM安装包，将其导入，然后通过调用函数来调用模块。然而，并非所有可用的NPM包都能解决您的问题。有时，您必须编写自己的代码来解决问题。但是，如果另一个开发者遇到同样的问题呢？通过将您刚刚编写的代码转换为NPM包，可以帮助其他开发人员节省无数时间。...
UNPKG或者jsDelivr 来做cdn优化
岁月如歌去，十年弹指间
05-13 5612
unpkg是一个快速的全球内容交付网络，适用于npm上的所有内容。使用它可以使用以下URL快速轻松地从任何包加载任何文件 https://unpkg.com/ unpkg.com/:package@:version/:file 从年4月13至5月13unpkg担任17033391868个请求，共207 TB的数据到1549091717个唯一访问者，99.19％，其中，从缓存中提供。 例...
npm发布自己的插件包
04-04
发布npm包 新建文件目录例如npm-test，目录中打开命令行 初始化package.json文件 npm init name：作为发布包的名字 version：版本号 main：入口文件名 根目录创建index.js，输入一些代码 登录npm账号 npm adduser 按...
基于vue如何发布一个npm包的方法步骤
10-17
布一个npm包
发布一款npm包帮助理解npm的使用
10-17
主要介绍了发布一款npm包帮助理解npm的使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Nodejs 发布自己的npm包并制作成命令行工具的实例讲解
01-02
于是决定自己实现这个功能，自己写一个npm包。</span> 下面我记录一下自己的实现过程。 1. npm init 选择一个文件夹，然后用命令行cd进去，然后执行npm init，这时会生成一长串表单，根据自己的实际情况填写内容 ...
npm详解
最新发布
小张的博客
04-29 220
如果您需要单独安装npm，可以根据您的操作系统选择相应的安装方法。npm（Node Package Manager）是Node.js的包管理工具，用于安装、更新、删除和管理Node.js项目中的依赖包。当您安装Node.js时，npm会自动作为Node.js的一部分被安装。通过学习和掌握npm的基本知识和常用命令，您可以更高效地管理Node.js项目的依赖包和构建过程。这些配置选项可以影响npm的行为和性能。除了上述的基本命令外，npm还提供了许多其他命令和功能，如发布包、管理用户、查看包信息等。
pnpm 安装后 node_modules 是什么结构？为什么 webpack 不识别 pnpm 安装的包？
笔记本
04-23 1099
关于发布 npm 包镜像库，马上 pnpm 安装报未找到版本的问题？
小学都hold不住的工程shi
04-25 596
我们明明发布了最新的包，为什么淘宝源安装会查不到？
vue项目npm run build 打包之后如何在本地访问
骨子里的偏爱
04-26 376
vue项目npm run build 打包之后如何在本地访问
pnpm install报错 Value of “this“ must be of type URLSearchParams
lingliu0824的博客
04-24 310
执行pnpm install的时候就报错Value of “this” must be of type URLSearchParams。由于之前执行没有出现过这个问题，最近在使用vue3所以使用了高版本的node，怀疑是node版本的问题。修改为14.21.3后问题解决了。当前使用的是20.11.0的。
gitlab 发布私有npm包
05-25
GitLab可以用作私有npm存储库，允许您在内部存储和分享npm包。下面是一些步骤： 1. 创建一个新的GitLab项目，用于存储npm包。 2. 在项目设置中启用CI/CD功能，并添加npm令牌。 3. 在项目根目录中创建一个`.npmrc`文件，其中包含您的npm令牌。 4. 在项目中创建一个`package.json`文件，并指定您的包的名称、版本等信息。 5. 在项目中创建您的npm包，并使用`npm publish`命令将其发布到GitLab。 现在，你可以通过GitLab访问您的npm包并与您的团队共享它。注意，如果您想使用私有模块，您需要在`.npmrc`文件中添加GitLab存储库的URL。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值