素材巴巴 > 程序开发 >

如何将常用js方法打包发布成npm包

程序开发 2023-09-02 23:27:46

引言:项目做多了以后总有一些常用的方法在各个项目中使用,代码总是复制来复制去,还有一些方法可能存在升级优化代码等情况,这个时候每个项目都复制一遍就很繁琐,所以如果将常用的方法打包成npm包各项目重新更新包即可。

一、在npm官网注册一个账号,注意目前为止userName创建后无法更改

二、准备代码 

1.创建一个文件夹,名称自定义

2.进入文件夹后通过终端:vscode、cmd、 PowerShell都可,执行 npm init

 然后会生成一个package.json文件

{"name": "test",   //包名称,不可与其他包重复"version": "1.0.0", //版本"description": "","main": "index.js", //入口文件"scripts": {"test": "echo "Error: no test specified" && exit 1"},"author": "","license": "ISC"
 }

3.package.json平级创建一个index.js,里面编写需要打包的代码方法

3.1.如果使用了其他registry,需要切换回npm的地址

npm config set registry=http://registry.npmjs.org

4.开发好代码以后命令行执行npm login登录刚才注册的账号

如果已有账号登录可执行npm logout退出,再登录要发包的账号

npm login
 # Username: 你的npm userName
 # Password: 输入即可,它是密文的,不可见
 # Email: (this IS public) email@email.com
 Enter one-time password: 37869112  // 发送到邮箱的验证码,也可能没有此步,如果有就去注册时输入的邮箱查看Logged in as userName on https://registry.npmjs.org/. //表示登录成功

5.登录后执行命令

npm publish

6.使用npm i 包名,或者pnpm i 包名下载,下载成功即可使用

7.版本更新更改package.json:version即可

以上即为最简单的js工具包发布步骤,后续慢慢补充Ts、vue、react等方法或组件的发布方式


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。