常见项目管理中npm包操作总结

前言

我们在日常工作中,可能需要下载包、创建包、发布包等等。本篇推文将记录日常项目中关于npm包的操作。

引用包

npm仓库公开的包我们都可以通过npm install的命令进行引用下载。

而我们开发的业务公共组件需要在公司内部项目公共引用,而不希望公开为外人所引用。这个时候我们就需要部署私人NPM仓库。如阿里云效的npm私有仓库。

私有仓库拉取不到的包也可以设置代理从国内镜像服务器(如淘宝)或npm公共服务器进行拉取。

管理员可以通过界面配置用户权限和仓库中npm包。这个不多表。我们讲讲在日常工作中,我们应该怎么从私有仓库里拉取项目的公共包。

步骤一:

私有仓库其实就是把原本指向NPM源仓库的链接篡改为私有仓库链接。所以我们首先需要设置npm 默认仓库

bash 复制代码
npm config set registry=https://packages.aliyun.com/xxxxxxxx/npm/npm-registry/

步骤二:

登录私有仓库配发的npm账号

bash 复制代码
npm login

接下来,我们就可以回到自己的项目里执行npm ci或i了。这样子就会改从私有仓库拉取项目里的引用包文件了

创建包

步骤一:登录npm账号(可以到npm官网注册)

如果已经登陆了自己的npm账号,想要切换项目发包的账号,也可以用login进行切号

bash 复制代码
npm login

步骤二:进入你的包目录

bash 复制代码
cd npmDemo

步骤三:初始化

bash 复制代码
npm init

填写相关的项目信息。

注意这里 的package name是上传审核完成之后你的包名,可以在npm官网搜到。

也可以用这个包名进行npm i安装

bash 复制代码
npm i npm_demo_v_v

发布包

在包文件夹里执行发布命令:

bash 复制代码
npm publish

发布包的注意事项

有的项目平时使用的都是国内的镜像仓库,比如淘宝。这个时候要先修改默认npm仓库源、

因为淘宝镜像源是只读源,所以要发布npm需要去npm源,不修改会报错

bash 复制代码
nrm use npm
# 如果没有安装nrm可以使用原生
npm config set registry=http://registry.npmjs.org

如果是第一次发包,则需要执行:

bash 复制代码
npm adduser

【需要添加npm账号,按要求输入名称、密码、邮箱、一次性登陆密码】

下架包

发布24小时后才可以下架

bash 复制代码
npm --force unpublish npm_demo_v_v

更新包

按照自己的逻辑修改代码,最后修改package.json中的version。

bash 复制代码
npm version patch   //相当于是先本地更新然后上传包
npm publish
相关推荐
我这一生如履薄冰~几秒前
简单封装一个websocket构造函数
前端·javascript·websocket
fangcaojushi几秒前
解决webpack5.54打包图片及图标的问题
前端·vue.js
海盗强1 分钟前
Webpack打包优化
前端·webpack·node.js
星之卡比*3 分钟前
前端面试题---vite和webpack的区别
前端·面试
^^为欢几何^^8 分钟前
npm、pnpm和yarn有什么区别
前端·npm·node.js
前端菜鸟日常15 分钟前
vue2和vue3的按需引入的详细对比通俗易懂
javascript·vue.js·ecmascript
AC-PEACE30 分钟前
Vue 中 MVVM、MVC 和 MVP 模式的区别
前端·vue.js·mvc
播播资源32 分钟前
ChatGPT付费创作系统V3.1.3独立版 WEB端+H5端+小程序端 (DeepSeek高级通道+推理输出格式)安装教程
前端·ai·chatgpt·ai作画·小程序·deepseek·deepseek-v3
zhrb1 小时前
打开Firefox自动打开hao360.hjttif.com标签解决方案
前端·firefox
安大桃子1 小时前
Cesium实现深色地图效果
前端·gis·cesium