之前看到别人提供的组件发布到npm上,我们可以直接安装使用,感觉是一个很高端的操作。
直到,本期有一个需求是要将项目中的一个组件公共出来,让其他团队使用。才发现,npm发布流程,似乎没有想象中的那么复杂。
可能是之前的偏见真的太重了。言归正传,说正事。
1、注册npm账号
没有账号怎么发布呢?赶紧去官网注册一个。(有的话当我没说)
当然,除了官网注册,也可以执行 npm adduser 命令注册,按照提示进行操作就行。(账户、密码、邮箱后面要用,要记住的哦)
2、登录npm账号
账号注册好了之后,先登录一下:
npm login
按照提示输入账号密码就OK了。
3、初始化项目
新建一个文件夹test,命令行cd进去,执行:
npm init
因为只是我这里只是测试一下,所以一路回车咯,大家如果有什么需要修改的,按照提示来修改就行。
这里有一点还是要说下:
- entry point:入口文件,默认是Index.js,你也可以自己填写你自己的文件名
因为我们本来是一个空文件,这里的入口默认的是Index.js文件,我们需要在test文件夹下面新建一个Index.js文件。如果修改了文件的名字,新建的文件名和修改的一样就OK了。
4、查看当前镜像源
确保当前的镜像源是:https://registry.npmjs.org/
可以使用命令查看和修改当前镜像:
// 查看当前镜像源
npm config get registry
// 设置npmjs源
npm config set registry=http://registry.npmjs.org/
// 设置成淘宝镜像:
npm config set registry http://registry.npm.taobao.org/
5、发布
执行命令就大功告成啦!
npm publish
关于如何发布测试(beta)版和正式版,请移步这里!!!(其实正式版这里已经讲过啦,哈哈哈)