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

想要在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": [
    "测试"
  ]
}