如何写一个自己的npm包

最新推荐文章于 2025-06-11 21:42:08 发布
原创 最新推荐文章于 2025-06-11 21:42:08 发布 · 718 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客介绍了npm包开发与发布的流程。首先要进行初始化并根据提示填写信息，若包有依赖可使用npm安装。需注册npmjs账号并登陆，之后便可进行发布。还提到若有私密信息可撤销发布，修改代码重新发布时要修改相关选项。
  1. 初始化
npm init

根据提示,填写信息

  1. 开发

7942449-21c3479f2e63efc3.png
目录结构

将所有的文件都放到src目录下, index.js 只是暴露给外界使用的

如果这个包有依赖, npm 安装就好了

npm i axios --save
  1. 注册 npmjs 账号

https://www.npmjs.com/signup

  1. 登陆npm
npm login
npm adduser

以上两个命令使用其中一个任意一个就好, 根据提示填写好信息登陆

5.发布

npm publish

其他

  • 如果有私密信息或者其他原因需要撤销发布
npm unpublish
  • 如果修改了代码代码, 然后又发布了一遍一定要修改 package.json 中的 version 选项
liaohui5
关注
从零开始教你写一个NPM包
前端劝退师的博客
11-08 2870
前言 本文主要记录我开发一个npm包：pixiv-login时的心得体会，其中穿插了一些日常开发的流程和技巧，希望对新手有所启发，大佬们看看就好_(:3」∠) pixiv-login pixiv-login的功能就是模拟用户登录网站pixiv，获取cookie 源码 npm 安装： npm install --save pixiv-login 使用： const pixivLogin = require('pixiv-login'); pixivLogin({ userna.
【制作npm包5】npm包制作完整教程，我的第一个npm包
a942242856的博客
08-13 1944
本文涉及知识较多，建议认真阅读前面的文章。 可以看得到分别导出了`commonjs`，`es`，`ts类型`这几个配置。当我们在一个项目当中执行`import { xxx } from "vue"` 的时候，实际上是从`package.json`文件当中找到他的`name`这个属性，这里 `from “vue”`这个`vue`就是配置文件当中的名字。
从零开始创建自己的npm组件/包(使用react)并发布到npm
Afterwards_的专栏
03-22 7558
从零开始创建自己的npm组件/包(使用react)并发布到npm,不算专业文章科班教学,也不算三流野路子瞎说八道.也许介于专业与业余之间,是一个非常好的状态.从概率上讲,也许你看到这篇文章的时候已经搜过了很多,都失败了.但你想过失败的原因吗?我想别人不是故意而为误导你
如何自己写一个公用的NPM包
cufu7582的博客
08-05 219
以markdown-clear,创建过程为例，讲解整个NPM包创建和发布流程 1 如何创建一个包 1.1 创建并使用一个工程 在GitHub上新建一个...
如何制作一个npm包
qq_27487739的博客
12-27 1073
请注意，在发布到npm存储库之前，应该先在本地测试、迭代和完善您的包。还要确保您的包遵循npm发布的最佳实践和安全建议，以确保其质量和可靠性。总的来说，制作npm包是非常简单的，并且有助于组织您的代码，并将其共享给其他开发者在他们的项目中更好地重用它。的npm包，其中包含一个函数，当调用该函数时，会在控制台上输出“Hello World!此命令将提示您输入有关包的信息，如名称，版本，作者，描述等。执行成功后，您现在已经制作了一个npm包，其他开发者可以使用。只是一个例子，您可以添加您的模块依赖项。
npm基于vite制作自己的npm包+ts超详细
07-28
我们将详细分析每个组件的作用，以及如何将它们组合在一起构建一个完整的npm包。 1. **Vue3**：Vue3是Vue.js框架的最新迭代，带来了性能提升、更简洁的API和更好的树-shaking支持。在本项目中，Vue3提供了组件化...
基于vue如何发布一个npm包的方法步骤
01-21
前言：工作的时候总是使用别人的npm包，然而我有时心底会好奇自己如何发布一个npm包呢，什么时候自己的包能够被很多人喜欢并使用呢…今天我终于迈出了第一步。 前提：会使用 npm，有 vue 基础，了解一点 webpack Are...
如何发布自己的npm包？从零到一完整指南
最新发布
小白菜的博客
06-11 1436
npm（Node Package Manager）是JavaScript生态中最常用的包管理工具，全球开发者通过npm共享了超过200万+开源模块。新手发布npm包的完整流程（注册→开发→测试→发布→更新）关键配置文件（package.json）的核心字段解析版本号规则（SemVer）的实际应用常见问题（如权限错误、版本冲突）的解决方案先理解npm包的核心概念（package.json、SemVer）再通过一个“字符串反转工具包”案例，演示从0到1的发布流程。
精选资源
Nodejs 发布自己的npm包并制作成命令行工具的实例讲解
01-02
于是决定自己实现这个功能，自己写一个npm包。</span> 下面我记录一下自己的实现过程。 1. npm init 选择一个文件夹，然后用命令行cd进去，然后执行npm init，这时会生成一长串表单，根据自己的实际情况填写内容 ...
学习如何写一个npm包
一群专业码农的笔记本
10-09 910
之前很好奇怎么上传一个包到npm，需要怎么样的项目结构，而最近做项目时，有考虑过用npm包的形式去开发，但发现只是自己的盲区，此文用于记录一下写npm包的过程。 这个包是用一个示例，主要判断用户登录状态，暂且命名为：login-test 下面开始我们的npm包的制作过程 初始化一个项目 mkdir login-test cd login-test npm init 添加我们的代码 新建index.js文件。判断用户是否登录了 module.exports = function(options).
轻松写一个属于自己的npm包分享
weixin_33860147的博客
07-02 373
首先是要有一个npm 账号 因为你的包是要放在npm上的，所以，首先要注册一个npm账号。 直接在npm官网注册就可以了 复制代码 初始化文件夹 进入到文件夹以后执行npm init 命令，执行命令之后会出现几个填写的字段 复制代码 name：填写你这个包的名字，默认是你这个文件夹的名字。不过这里要着重说一下，最好先去npm上找一下有没有同名的包。最好的测试方式就是，在命令行里面输入npm in...
从0到1开发一个自己的npm包完整过程
cafehaus的博客
05-27 1873
很多人一想到封装这些就觉得是一件很难的事，其实除了前端中我们经常用到的 ui 组件库，还有很多东西都是可以自己来封装成 npm 包的，哪怕只是一个处理某些数据的 function 函数同样是可以发布成 npm 包的。当然，这里也不推荐大家往 npm 上随便发布一些无意义的包，但是对于我们很多项目中用到的一些自己的公共方法，就完成可以封装成一个自己的 npm 包以便在不同的项目中复用。这样就会在本地的全局 npm 目录中创建一个我们自己的包的符号链接，可以通过 npm list -g 命令来查看是否生效。
HOW - 编写并发布一个 npm 包模块（含 CLI 工具包开发）
weixin_58540586的博客
04-24 1646
npm 包模块是指通过 npm（Node Package Manager）管理的可重用的代码包。这些包可以包含 JavaScript 代码、样式表、图像、文档等资源，以及配置文件和其他必要的内容。npm 包模块使开发者能够轻松地共享和重用代码，从而加快了软件开发的速度并提高了代码质量。今天我们将介绍编写和发布一个npm包模块以及涉及的相关细节。
如何开发一个 npm 包？
weixin_43852267的博客
02-23 5254
作为前端工程师，npm 包是我们再熟悉不过的东西。 但是，你有没有想过，开发一个 npm 包有多容易！ 这篇文章，我将通过一个小项目，带你入门开发 npm 包，源码可在 Github 查看： load-markdwon-image 首先，我们将开发一个小工具。 这个小工具可以将 markdown 文件中的网络图片下载到本地，并替换为本地路径。 使用这个小工具，只需命令行调用： load-md-image test.md 运行效果如图所示： 也许，你可以先安装这个 npm 包体验一下： npm insta
开发一个属于自己的npm包
weixin_45525630的博客
07-26 1295
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、初始化包的基本结构1.新建 vegetable-wen 文件夹，作为包的根目录2.在 vegetable-wen 文件夹中，新建如下三个文件：二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、初始化包的基本结构
如何编写一个npm包，可以公共使用？
weixin_34087301的博客
06-20 661
经常开发vue的项目，package.json文件大家应该都非常都清楚，所谓的依赖，就是js逻辑的暴露，现在告诉大家怎么发布自己写的npm包，供全球人使用。 npm包创建步骤 1.创建一个文件夹 mkdir testcd testnpm init然后一路回车即可 2.在test文件夹创建index.js（主入口文件） index.js内容...
怎么样写一个 node.js模块以及NPM Package
crystalNB的专栏
04-10 6365
你来到了写一个mode.js模块的舞台中央，不管你是因为自己需要写一个你自己的nodejs模块，还是你仅仅是处于好奇。无论是什么原因，在这个教程里，我将给你演示怎样创建一个nodejs模块。        nodejs 模块符合CommonJs规范的模块，都是简单的实现。相信我，通过读完这篇文章，你就能够创建一个简单的node模块。        首先，让我们看看怎样在一个app使用通过N
手把手教你开发属于自己的npm包（发布到npm官网）
Concise200的博客
02-13 6180
开发属于自己的npm包1. 规范的包结构2. 开发自己的包2.1 包的功能2.2 包的基本结构2.3 代码dateFormat.jshtmlEscape.jsindex.jspackage.jsonREADME.md2.4 发布注册账号登录 npm 账号发布查看2.5 删除2.6 使用 1. 规范的包结构 一个规范的包，它的组成结构，必须符合以下 3 点要求： 包必须以单独的目录而存在 包的顶级目录下要必须包含 package.json 这个包管理配置文件 package.json 中必须包含 name，
从零开始Node.js—06手把手写个npm包
分享前端知识，记录前端进阶
03-24 2027
快速实现一个格式化时间的小工具，可通过npm install安装使用
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值