npm包发布流程

短命女 2022-11-21 04:28 320阅读 0赞

1. 前言

npm 是什么这里不必再多说,我相信现在做前端的没有不知道的.这里就不在赘述了.
我们平时开发中肯定是有很多可复用的类库或者组件的,那么把他们抽离出来复用就很有必要了,可以大大减少我们的工作量.下面简单介绍一下如何把一个包发布到 npm 上

2. 工具

首先我们安装一下好用的工具

  • nvm

    • 管理node的版本的一个工具,如何安装和使用自行搜索

  • nrm

    • 可以方便的切换npm源的一个工具.因为在国内npm的官方源经常网络连接不稳当,使用cnpm又会出现一个莫名其妙的 bug.故这里强力建议使用该工具来管理npm的源.且这个工具可以配置自定义源地址,方便我们搭建自己的私有 npm

上述两个工具的使用这里不再赘述,自己搜搜

3. 初始化一个 npm 包

3.1. 创建一个示例包

  1. // step 1
  2. cd yourDic
  3. // step 2
  4. mkdir myFirstNpmPackage
  5. // step 3
  6. cd myFristNpmPackage
  7. // step 4
  8. npm init

3.2. npm init

  1. {
  2.     "name": "myFristNpmPackage",
  3.     "version": "1.0.0",
  4.     "description": "",
  5.     "main": "index.js",
  6.     "scripts": {
  7.         "test": "echo \"Error: no test specified\" && exit 1"
  8.     },
  9.     "keywords": [],
  10.     "author": "",
  11.     "license": "ISC"
  12. }

入口文件是index.js,接下来我们再新建一个index.js

3.3. create index.js

  1. export default printHelloWorld = () => {
  2.     console.log("hello world!");
  3. };

RT

4. 注册 npm 账号

注册一个 npm 账号,不再赘述

5. 发布

上面那个最简单的项目,我们打算发布到npm上,进入项目目录:

5.1. 确认是否官方源

上面已经安装了nrm,一般我们在开发的时候会切到taobao源或者是自己搭建的私有源.但是发布的时候需要切换到官方源.

  1. // step 1: change to npm
  2. nrm use npm
  4. // step 2: 登录,输入账号密码即可
  5. npm loing
  7. // step 3: 查看包名是否被占用,如果没有被占用即可发布,如果被占用了则需要更换新的包名
  8. npm search myFristNpmPackage
  10. // step 4: 发布
  11. npm publish

6. 完成发布

这样就完成了一个包的发布,其实也是很简单的

7. 如何使用

当你完成了包的发布后,后面就是如何使用这个包了,当然也很简单:

  1. // install myFristNpmPackage
  2. npm i myFristNpmPackage --save

这样就一个简单的npm包就发布完毕了,还是很简单的~

发表评论

表情：
评论列表 （有 0 条评论，320人围观）

还没有评论，来说两句吧...

相关阅读

    相关 发布 Npm 包

    打包项目 npm run build 注册npm 注册成功后需验证邮箱，否则无法发布成功 // 使用此方法注册输入的密码无法看见，正常注册即可 n

    妖狐艹你老母妖狐艹你老母/ 0 赞/ 309 阅读

    相关 npm包发布流程

    1. 前言 `npm` 是什么这里不必再多说,我相信现在做前端的没有不知道的.这里就不在赘述了. 我们平时开发中肯定是有很多可复用的类库或者组件的,那么把他们抽离出来

    短命女短命女/ 0 赞/ 321 阅读

    相关 如何发布自己的npm包

    发布自己的npm包 前言 做前端开发的都知道现在要是引入第三方的框架或者UI库或者其他功能模块的时候一般都是选择npm安装，好处就不一一说明了，这里就为大家说明一下

    ゝ一纸荒年。ゝ一纸荒年。/ 0 赞/ 436 阅读