学无先后,达者为师

网站首页 编程语言 正文

npm publish 组件流程以及报错总结

作者:渔倒到 更新时间: 2022-04-23 编程语言

想要在npm 上publish 自己的组件。

1.注册账号

可以在npm官网上注册,
可以在命令行: npm adduser 之后输入 username password email(注意email 注册后需要打开邮箱确认,之后publish才不会报错)

2.创建一个项目:

配置packege.json
“name”: 组件名称,
“version”: “1.9.70”, 版本号
“private”: false, 一定要 false
“main”: “src/index/packages/index.js”, 入口文件

3. npm login 之后一次输入 注册的 username password email
4. 最后一步 npm publish
5.一般以下情况会报错,导致发布失败

(1)组件名称重复(就是线上已经有人注册过了)
(2)版本号重复
(3)登录信息失效,重新登录
(4)上边说的,注册邮箱没有到邮箱里边验证通过
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

6. package.json 配置说明
{
  // 发布的包名,默认是上级文件夹名。不得与现在npm中的包名重复。包名不能有大写字母/空格/下滑线!
  "name": "#####",
  // 版本号,每次要更新
  "version": "1.0.0",
  // 包的描述
  "description": "仅供测试,别下载",
  // 文件入口,默认是 index.js,可修改
  "main": "index.js",
  "scripts": {
    // 测试命令,可以不填直接回车
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  // 作者名称
  "author": "###",
  // 包遵循的开源协议,默认是ISC
  "license": "ISC",
  // 因为组件包是公用的,所以 private 为 false
  "private": false,
  // 当前包需要依赖的第三方组件,如何安装使用依赖包,可以看看文章顶部的NPM命令介绍文章
  "dependencies": {},
  // "devDependencies": {}
  // 指定代码所在的仓库地址
  "repository": {
    "type": "git",
    "url": "git+https://github.com/dengzemiao/DZMFullPage.git"
  },
  // bug在哪里提
  "bugs": {
     "url": "https://github.com/dengzemiao/DZMFullPage/issues"
  },
  // 项目官网的地址
  "homepage": "https://github.com/dengzemiao/DZMFullPage",
  // 指定打包后,包中存在的文件夹
  "files": [
    "dist",
    "src"
  ],
  // 指定了项目的目标浏览器的范围
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ],
  // 项目关键词,供搜索
  "keywords": [
    "测试"
  ]
}

原文链接:https://blog.csdn.net/weixin_38500689/article/details/115748139

栏目分类
最近更新