美文网首页
初步尝试开发并发布自己的npm依赖包

初步尝试开发并发布自己的npm依赖包

作者: 诗与远方01 | 来源:发表于2021-10-21 18:06 被阅读0次

在公司开发项目时,在不同的项目中很容易遇到可以共用的组件或可以共用的函数方法。而我们通常的做法是将项目中可以共用的组件和函数方法从A项目拷贝到B项目、C项目、D项目...。这种方式不仅繁琐,后期还难以维护。这个时候我们就需要将可以共用的组件和函数方法抽离到npm依赖包中,在需要用到这些组件和函数方法的项目中通过npm直接安装即可,后期若有修改,可以直接更新npm依赖包,这样更加方便多项目维护。
注意:本篇文章只介绍最简单的“创建—发布—使用” 三个简单流程

步骤一:创建 npm 账号

1、注册自己的npm账号

1-1.png

2、注册成功后可以查看一下自己的packages和账号中的其他信息

1-2.png

3、在桌面创建一个文件夹《npm-test》

4、在《npm-test》中创建一个index.js文件

5、在 index.js 文件中加入以下代码

export function hello(name) {
    console.log(name);
}

**6、在《npm-test》的根目录中执行以下命令创建 package.json **

npm init

执行 npm init 后按要求依次输入对应信息,package.json file

步骤二:发布 npm 包

1、执行以下命令进行登录操作

npm adduser

注意:在执行 npm adduser 时可能会报错,报错原因可能是设置过淘宝镜像的问题

2-1.png
执行如下代码将淘宝镜像替换回来
npm config set registry https://registry.npmjs.org

2、执行以下命令进行发布操作

npm publish

注意:在执行 npm publish 时可能会报错,报错原因可能是package.json 中name的命名已经被别人发布过了吧,所以修改package.json文件中的name后再次执行npm publish

2-2.png

3、进入步骤一中注册得到npm账号中,查看一下自己的packages,查看一下刚刚发布的npm依赖包是否已经存在

2-3.png

步骤三:测试使用npm依赖包

3-1.png

参考网址:
https://docs.npmjs.com/about-npm

https://www.jianshu.com/p/3470b666ec48?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

https://blog.csdn.net/sendudu/article/details/111179263

相关文章

网友评论

      本文标题:初步尝试开发并发布自己的npm依赖包

      本文链接:https://www.haomeiwen.com/subject/adafaltx.html