npm包发布流程

作者: xurna | 来源:发表于2019-02-27 17:40 被阅读23次

准备工作

  1. 在webpack配置的output参数中配置好librarylibraryTarget,示例:
output: {
        filename: 'index.js,
        path: 'xxxxxx',
        library:'myToast', // 指定类库名,主要用于直接引用的方式
        libraryTarget: "umd" //定义打包方式Universal Module Definition,同时支持在CommonJS、AMD和全局变量使用
    },
  1. 修改package.json文件
{
  "name": "xxx", // npm包名,不能与npm官网中的包同名或者太过类似的名称
  "version": "1.0.2", // 版本号,每次发布都需要修改一次
  "description": "xxx", // npm包功能描述
  "main": "dist/xxx.min.js", // 对外引用的文件
  "private": false, // 私密性,一定要设成false
}
  1. 项目打包,将打包好的文件路径填入上述的main字段中

npm包发布

  1. 登录npm账号,如果没有账号,则去npm网站注册一个,或者使用npm adduser命令,提示输入账号,密码和邮箱,然后将提示创建成功,如果已有账号,则用以下命令登录。
npm login
// 如果npm login或者npm adduser时报如下错误:npm ERR! 404 Registry returned 404 for PUT on undefined
// 则更换npm源
npm set registry https://registry.npmjs.org/
// 或者更新npm至最新版本
npm install -g npm
  1. 修改npm源,发布前,如果自己之前用的是淘宝镜像源,则需要改成npm源
npm set registry https://registry.npmjs.org/
  1. 发布
npm publish

4.有需要则恢复淘宝镜像源

npm config set registry https://registry.npm.taobao.org

后记

node的version修改规则解释为以下三种:patch、minor、major。
目前node版本大都是使用语义化版本(semver)作为一个标准。
对于第一次发版"version": "1.0.0",之后升级,使用对应的类型。

patch: 补丁发布,向后兼容的bug修复,增加第三个数字。1.0.1

minor: 轻微发布,向后兼容的新特性,将中间数字增加并将最后一位数重置为0。1.1.0

major: 重大发布,破坏向下兼容的变化,将第一个数字增加,并将后两位数重置为0。2.0.0

参考资源

  1. package.json文件参数详解

相关文章

  • npm包发布流程

    npm包发布流程 标签(空格分隔): Node.js npm包发布流程 注册npm账号 方式一:去npm官网注册 ...

  • 发布npm包流程

    准备 准备https://www.npmjs.com 注册一个账号 安装node、npm 1.添加npm账号,登录...

  • npm包发布流程

    最近发布npm包的过程中,发现npm有很多对整个流程很友好的命名 包的定义 包的版本更新 beta、aplha版本...

  • npm包发布流程

    准备工作 在webpack配置的output参数中配置好library和libraryTarget,示例: 修改p...

  • npm包发布流程

    npm包发布流程 1. 注册npm账号 方式一: 通过npm官网注册 方式二: 通过终端注册 查看npm当前使用的...

  • npm 发布包流程

    package.json 配置说明:https://docs.npmjs.com/cli/v6/configuri...

  • 发布npm包流程

    1.到npm官网 https://www.npmjs.com[https://www.npmjs.com]注册账号...

  • 私有npm包发布流程

    前置准备:变更依赖包源 安装nrm源管理工具并使用私有源http://127.0.0.1:9999/reposit...

  • 发布NPM包基本流程

    建立npm账号创建一个文件夹testnpm init第一次发布npm包执行,npm adduser否则npm lo...

  • npm包的发布流程

    文章简介: 什么是npm?npm 的安装方式。 如何发布一个自己的npm包。 什么是npm? npm,全程【nod...

网友评论

    本文标题:npm包发布流程

    本文链接:https://www.haomeiwen.com/subject/jzbryqtx.html