如何发布typescript写的包到npm私服

之前笔者为了方便快速下载npm包,搭建了一个内网的npm私服,详情见下 

如何快速用docker搭建npm私服_omage的专栏-CSDN博客世上功夫,唯快不破!npm包默认下载的官方服务器是 npmjs:https://registry.npmjs.org/由于在国外以及众所周知的原因,npm install直接下会慢到怀疑人生。。。幸好阿里提供了国内淘宝镜像源 taobao:https://registry.npm.taobao.org/ (马首富还是有不少贡献的)我们只需要在本地敲命令切换下npm包源设置npm源npm config set registry https://registry.npm...https://blog.csdn.net/omage/article/details/117289205

这次分享如何发布私有包到这个私服上,其实操作挺简单,但还是把它记录下来,免得忘了。

1.建账号

npm adduser --registry http://<ip>:4873

  按提示输入用户名和密码以及邮箱,输入完成后就会自动在私服上建了个账号,同时也在本地.npmrc放了一个token。

可以查看.npmrc文件,会出现类似如下的内容

 登录私服的页面,也可以用你刚才建的账号登录进去

  

2.发布npm项目

命令行进入到你的npm项目目录,即package.json所在的目录

npm publish

 如果你要删除这个项目,则输入命令如下

npm unpublish <package>@<version> --force

发布成功后,则可以在别的前端项目里下载引用了,注意前提是,你的npm registry必须指向私服,可以通过以下命令设置

//查看当前的registry
npm config get registry
或
cat ~/.npmrc


//设置本地私服registry为当前npm源
npm config set registry http://<ip>:4873

 你也可以登录WEB页面,查看已发布的包

 

注:

   如果要让其他前端项目引用,要注意如果你的默认文件不是index.js且不在根目录,需要指定package.json的main属性,其值应为typescript构建后主文件所在路径,如下类似

 另外,为了方便开发时能自动提示,建议把tsconfig.json的declaration开关打开,这样可以自动生成.d.ts文件。

 

 如果构建时提示lint错误,请将.eslintignore文件加上构建目录,避免因生成.d.ts文件而造成es lint不通过。

 

参考:

Authentication | Verdaccioicon-default.png?t=L9C2https://verdaccio.org/docs/authentication/

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
npm typescript 是一个用于管理和安装 TypeScript 的工具,可以通过 npm 命令来查看、安装和卸载 TypeScript。您可以使用以下命令来执行相关操作: 1. 查看本机 TypeScript 版本: 使用命令 `npm view typescript version` 可以查看已安装的 TypeScript 版本。 2. 查看 TypeScript 所有可用版本: 使用命令 `npm view typescript versions` 可以查看 TypeScript 的所有可用版本。 3. 查看 TypeScript 不同环境下的版本: 使用命令 `npm info typescript` 可以查看测试版本、开发版本、最近版本和下一版本等 TypeScript 在不同环境下的版本。 4. 查看本地是否安装 TypeScript: 使用命令 `npm ls typescript` 可以查看本地是否已经安装了 TypeScript。 5. 全局查看是否安装 TypeScript: 使用命令 `npm ls -g typescript` 可以全局查看是否已经安装了 TypeScript。 6. 卸载 TypeScript: 使用命令 `npm uninstall typescript` 可以卸载已安装的 TypeScript。 7. 全局安装 TypeScript: 使用命令 `npm install -g typescript` 可以全局安装 TypeScript。 希望以上信息对您有所帮助。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [npm教程:如何查看TypeScript版本、卸载TypeScript和安装TypeScript](https://blog.csdn.net/a772304419/article/details/123354151)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值