作者:iplaycodex
仓库:github、codePen
博客:掘金、segmentfault、知乎、简书、博客园、leetcode
公众号:FEZONE
联系我:iplaycodex@163.com
特别声明:原创不易,未经授权不得对此文章进行转载或抄袭,否则按侵权处理,如需转载或开通公众号白名单可联系我,尊重原创尊重知识产权从我做起
1. 前言
npm
是什么这里不必再多说,我相信现在做前端的没有不知道的.这里就不在赘述了.
我们平时开发中肯定是有很多可复用的类库或者组件的,那么把他们抽离出来复用就很有必要了,可以大大减少我们的工作量.下面简单介绍一下如何把一个包发布到npm
上
2. 工具
首先我们安装一下好用的工具
- nvm
- 管理
node
的版本的一个工具,如何安装和使用自行搜索
- 管理
- nrm
- 可以方便的切换
npm
源的一个工具.因为在国内npm
的官方源经常网络连接不稳当,使用cnpm
又会出现一个莫名其妙的 bug.故这里强力建议使用该工具来管理npm
的源.且这个工具可以配置自定义源地址,方便我们搭建自己的私有 npm
- 可以方便的切换
上述两个工具的使用这里不再赘述,自己搜搜
3. 初始化一个 npm 包
3.1. 创建一个示例包
// step 1
cd yourDic
// step 2
mkdir myFristNpmPackage
// step 3
cd myFristNpmPackage
// step 4
npm init
3.2. npm init
{
"name": "myFristNpmPackage",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC"
}
入口文件是index.js
,接下来我们再新建一个index.js
3.3. create index.js
export default printHelloWorld = () => {
console.log("hello world!");
};
随便写一点代码,只是为了体验一下这个流程~
4. 注册 npm 账号
注册一个 npm 账号,不再赘述
5. 发布
上面那个最简单的项目,我们打算发布到npm
上,进入项目目录:
5.1. 确认是否官方源
上面已经安装了nrm
,一般我们在开发的时候会切到taobao
源或者是自己搭建的私有源.但是发布的时候需要切换到官方源.
// step 1: change to npm
nrm use npm
// step 2: 登录,输入账号密码即可
npm login
// step 3: 查看包名是否被占用,如果没有被占用即可发布,如果被占用了则需要更换新的包名
npm search myFristNpmPackage
// step 4: 发布
npm publish
6. 完成发布
这样就完成了一个包的发布,其实也是很简单的
7. 如何使用
当你完成了包的发布后,后面就是如何使用这个包了,当然也很简单:
// install myFristNpmPackage
npm i myFristNpmPackage --save
这样就一个简单的npm
包就发布完毕了,还是很简单的~
8. 结束语
❤️ 关注 + 点赞 + 收藏 + 评论 + 转发 ❤️
原创不易,鼓励笔者创作更好的文章~