保姆级发布自己的npm包(超详细步骤)

1 篇文章 0 订阅

保姆级发布自己的npm包(超详细步骤)

1.创建自己的npm账号
在这里插入图片描述
确认邮箱(必须)

2.创建npm账号成功后,登录邮箱验证邮箱地址(这一步很重要,确认邮箱后才能发布)

3.修改自己项目的package.json文件

主要修改里面的main属性和version属性和name属性
在这里插入图片描述

version 属性是发布的版本号,一般第一次发布都是0.0.1。
main 属性是你默认到处的入口文件,默认是index.js。
name 属性是你发布后的npm包名。

4.在项目根目录下创建index.js,在index中导出你想要导出的内容

5.打开命令行输入npm adduser
在这里插入图片描述
输入密码时不会显示出来,直接输入就好了。

6.输入命令npm publish 发布,npm搜索你发布的包名就有了

测试使用发布的npm包

  1. 分别使用这些方式来测试使用自己的包(我们以 vue-cli 为例)

    index.js里如果直接用 import 语法导入导出会有问题,那是因为 node 目前不支持使用 import ,我们需要用babel 转译 import 。

    a.使用 babel 转译 import 语法让浏览器和 node 环境都支持即可。
    b.使用 parcel 单独打包 index.js npx parcel build index.js --no-minify --global=moduleName

  2. 你每次修改了源码后,如果要让别人可以得到最新的效果。

    a.更新 package.json 里的 version ,然后重新 npm publish

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值