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

169 阅读1分钟

保姆级发布自己的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