npm 发布流程

77 阅读1分钟
1.第一步

配置 package.josn

首先我们要在 vscode 的终端里面运行一下npm init,之后程序会初始化一个 package.json 的文件,然后我们主要是要改这三个地方:

1.package.json的main(入口)设置为index.js(名字自取)然后在本目录下建一个index.js文件

2.name表示你这个包的名字只能小写

3.version代表版本

image.png

第二步

ts 转译 js,如果用 js 写的,可以忽略 2.2 这一小节。用 ts 写的话要转译成 js 格式再发包。

npm publish 命令会将当前目录下的所有文件(除了在 .gitignore 文件中指定的文件和目录)发布到 npm 包管理器上。

具体操作如下:

安装依赖

npm install -g typescript



开始转译,这里是将 index.ts 转译成 js

tsc index.ts
第三步

确认 npm 的所用源

npm config get registry

image.png

登录自己的 npm 账号

image.png

发布包

npm publish --access public

具体来说,npm publish 会将以下文件发布到 npm:

  1. package.json 文件:这是 npm 包的描述文件,包含了包的名称、版本、依赖等信息。
  2. README.md 文件:这是包的说明文档,通常包含了使用说明、示例代码等。
  3. dist 目录(如果有):如果你的项目有一个 dist 目录,通常用于存放构建后的文件,那么该目录下的文件也会被发布。
  4. 其他源代码文件:除了在 .gitignore 文件中指定的文件和目录之外,当前目录下的所有源代码文件都会被发布。
  5. 可以通过在 package.json 文件中使用 files 字段来指定要发布的文件和目录。在 files 字段中列出的文件和目录将会被发布,其他文件将被忽略。这样可以更精确地控制发布的内容。