Npm发布到私库去的操作

最新推荐文章于 2024-03-06 11:26:45 发布
最新推荐文章于 2024-03-06 11:26:45 发布
阅读量1k 收藏
点赞数 1
分类专栏： npm node 文章标签： npm node
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GreenHand__5564/article/details/113259493
版权
npm 同时被 2 个专栏收录
1 篇文章 0 订阅
订阅专栏
node
1 篇文章 0 订阅
订阅专栏

Npm发布到私库去的操作

第一步：查看请求npm地址

命令：npm config get registry  #http://registry.cnpmjs.org/

效果：

image.png

 

 

第二步：修改请求npm地址

命令npm config set registry http://nexus.xxxxxxxxx.com/repository/npm-group/

效果：

 

 

第三步：检验是否配置成功

首先创建一个文件随便什么名字，image.png

然后初始化项目

image.pngimage.png

 

拉一下jquery 命令npm --loglevel info install jquery

自己去下包看下载地址，这样就证明拉取组件没有问题

剩下的就是登录和发布包的操作

包管理和后台的nvm包管理一样

发布包的用户要有nx-repository-view-*-*-*权限

我们这里就用developer这个账号作为演示账号了

如图：这是给用户名:密码加密的操作image.pngimage.png

 

 

 

最后加密完成得到一个这个

xxxxxxxxxxxxxxx=

然后把它配置到.npmrc文件中

如图:

copy:

email=developer@xxxxxx.com

always-auth=true

_auth="xxxxxxxxxxx"

 

这样以后发布包的时候就不用每次都要登入账号密码了

最后一点配项目中package文件

"publishConfig" : {"registry":

"http://nexus.xxxxxxxxxxx.com/repository/npm-hosted/"},

这些配置都配置好了之后，通过npm publish发布到我们自己的私库中去。

 

孤叶独飞
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Vue组件库发布到npm详解
11-26
制作了一套自己的组件库，并发布到npm上，项目代码见https://github.com/hamger/hg-vcomponents 前期准备 有一个npm账号 安装了vue-cli 搭建项目 vue init webpack hg-vcomponents cd hg-vcomponents cnpm install 目录结构 - vue-flag-list + build + dist // 存放发布到npm的代码 - src - components // 存放组件源代码 和 README.md - arrows arr
自定义vue组件发布到npm的方法
08-27
本篇文章主要介绍了自定义vue组件发布到npm的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
前端实战：基于Verdaccio搭建私有npm仓库，轻松上传与下载自定义npm插件包
最新发布
在这里，我分享我的技术心得、项目经验、实用的技术教程、深入的技术分析以及前端开发的最新动态，希望能帮助到更多的人。
03-06 4928
我们平时使用npm publish进行发布时，上传的仓库默认地址是npm，通过Verdaccio工具在本地新建一个仓库地址，再把本地的默认上传仓库地址切换到本地仓库地址即可。当npm install时没有找到本地的仓库，则Verdaccio默认配置中会从npm中央仓库下载。搭建团队的私有仓库，保证团队组件的安全维护和私密性，是进阶前端开发主管路上，必不可少的一项技能。–target : 构建指标，默认为利用模式。// 访问http://localhost:4837。// 访问http://ip:port/
npm publish项目报错
hahahhahahahha123456的博客
08-25 1万+
npm bulish步骤如下： 1，npm adduser(注册npm账号) 方式一：在npm命令行输入npm adduser创建npm账号               打开控制台 输入npm adduser进行登录npm login                npm账号注册显示成功（Logged in as maxiaorong on http://registry.npmjs.or...
npm项目创建打包发布
热门推荐
事在人为2018的博客
05-27 5万+
操作系统：windows 7前提是已经安装了nodejs和npm。当前nodejs版本：v8.9.4；npm版本：5.6.0。本示例工具使用Visual Studio Code 1.20.1(vs code)，也可以使用其它工具下面开始操作在某个磁盘分区下创建项目目录：my-npm-project。例如：E:\Workspace\my-npm-project启动vs code点击vs code左上...
工程化—关于npm（如何发布自己的npm包）
weixin_37744697的博客
10-21 383
准备工作 node版本v14.18.0以上 将npm更新至新版本（npm install -g npm@latest） 一、注册npm账号 注册地址：https://www.npmjs.com/ 二、初始化项目 新建项目目录，使用npm init命令创建package.json文件，按照提示填入初始信息。 如模块名称：mikey-npm-test（只能是小写） 初始版本号选择：v1.0.0 模块名称需遵循相关政策要求：https://www.npmjs.com/policies，不能够与已有NPM模块名
npm publish ./dist --registry=xxx , npm publish时指定了发布包的目录，为啥还发布了其他包的文件...
weixin_35749440的博客
01-04 1289
如果你使用 npm publish 命令指定了发布包的目录，那么 npm 会将指定目录下的所有文件打包成一个发布包并发布到指定的 registry 中。如果你在发布包的目录中存在其他包的文件，那么这些文件也会被打包并发布到 registry 中。如果你希望只发布指定目录下的文件，可以使用 files 字段来指定发布包中包含哪些文件。 例如，在你的 package.json 中添加如下内容： {"f...
npm发包一定要了解的知识
qq_45225759的博客
11-14 2818
这几个文件在npm publish的时候都是默认作为包的一部分的。发布一个包，考虑到别人的下载速度，包体积肯定需要尽量小，所以源文件最好不包括，那如何控制只发哪些文件呢？包发布了很多次后，使用者升级就需要知道他是否需要升级，需要查看文档看看有哪些不兼容性改动，所以需要一个。如果手动的维护肯定会有忘记的时候，所以需要使用工具来自动生成，我们可以使用。信息，自动生成日志，比如新增啥啥功能，修复啥啥啥bug。字段的值是一个数组，你可以写具体文件名，也可以写目录，还支持。字段来控制，这个字段中的文件默认会加入到。
如何发布一个 npm 包
BASK2312的博客
12-02 6697
npm（node package manager）作为 Node.js 的包管理工具，让世界各地的 JavaScript 开发者方便复用、分享代码以及造轮子；本文将介绍如何发布一个 npm 包，以及使用工具来自动化管理发布 npm 包；准备 npm 账号 & 示例包代码；初始化 & 配置 package.json 文件；确定发布的包版本；发布 npm 包；使用 cli 工具 release-it 来自动管理版本、发布包等；学习 npm init release-it 原理。
设置 NPM Registry 的 4 种姿势
五柳
06-12 8568
前段时间，由于团队使用的 Monorepo 工程使用的工具是 Lerna，所以在思考如何改造的问题，最终整体的技术选型是 PNPM + Changeset + Turborepo。相应地，就需要在这个选型的背景下支持原先使用到的 Lerna 的能力。其中，比较有意思的就是需要把 Package 发布到私有 Registry。因为，这里选择了 ，所以最后执行发布的命令会是： 那这个时候，就牵扯到一个问题，项目中的私有 Registry 要配置在哪？这里我们不着急找答案，先来了解一下配置私有 Registry
npm发布一个属于自己的包
麻瓜哇哇哇的博客
04-02 196
前言 首先完全符合CommonJS规范的包目录应该包含如下这些文件： package.json:包描述文件 bin: 用户存放可执行的二进制文件的目标 lib: 用于存放JavaScript的代码 doc:用于存放文档的目录 test:用户存放单元测试用例的代码 Markdown:项目说明 注意，规范是规范，完全可以自己控制的，比如可以习惯性用src来存放js代码~ 还有这里就不对包描述文件展...
Vue cli3 库模式搭建组件库并发布到 npm的流程
10-17
基于 Vue 的颜色选择器
从零使用TypeScript开发项目打包发布到npm
10-15
use ts
npm publish 发布失败 无法连接 https://registry.npmjs.org
weixin_38168198的博客
09-10 9184
自己写的npm包，之前每次更新都是正常发布，最近做个一个更新，想发布，然后npm publish 竟然失败， 错误提示如下： npm ERR! network request to https://registry.npmjs.org/yy-org-switch failed, reason: connect ETIMEDOUT 104.16.16.35:443 npm ERR...
发布个人npm包教程
Beconcentrated的博客
08-01 193
个人如何发布npm包
手把手教你发布一个属于自己的npm包
可爱的地球人
11-26 576
手把手教你发布一个属于自己的npm包序言新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 序言 对于使用 Vue...
npm包发布、本地发布、线上发布
l_ymttt的博客
08-23 488
本地发布 第一步：安装 sinopia npm install -g sinopia 或 yarn global add sinopia 第二步：启动 sinopia -l 127.0.0.1:4873 此终端为一，一直开着，不要输入别的命令 开启终端二： cd 到某个指定仓库 mkdir unit-restful-axios(包的名称) cd unit-restful-axios npm init 生成package.json PS:main 为index.js 在index.js 中复制 unit/in
【前端工程化】Verdaccio搭建本地npm仓库
未来可期
06-26 1226
使用Verdaccio搭建本地npm仓库，nrm切换npm源
将npm包从本地计算机直接发布到npm官方registry
在无知中学习，在学习中成长，在成长中学习
04-23 185
将npm包从本地计算机直接发布到npm官方registry
npm 发布vueUI库
05-23
要发布一个 Vue UI 库，你需要先创建一个 Vue 项目，然后在其中编写你的组件。接下来，你需要使用 webpack 或者其他构建工具将你的组件打包成一个可以被其他人引用的库，最后使用 npm 发布你的库。 以下是一个简单的步骤： 1. 创建一个 Vue 项目 ``` vue create my-ui-library ``` 2. 编写你的组件代码，将其放置在 `src/components` 目录下。 3. 在 `src/index.js` 文件中导出你的组件 ```javascript import MyComponent from './components/MyComponent.vue' export default { install(Vue) { Vue.component('my-component', MyComponent) } } ``` 4. 配置 webpack，将你的组件打包成一个库 在 `webpack.config.js` 中添加以下配置： ```javascript const path = require('path') const { CleanWebpackPlugin } = require('clean-webpack-plugin') const VueLoaderPlugin = require('vue-loader/lib/plugin') module.exports = { mode: 'production', entry: './src/index.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'my-ui-library.js', library: 'MyUiLibrary', libraryTarget: 'umd' }, externals: { vue: 'vue' }, module: { rules: [ { test: /\.vue$/, loader: 'vue-loader' }, { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ } ] }, plugins: [ new CleanWebpackPlugin(), new VueLoaderPlugin() ] } ``` 在上面的配置中，我们将 `src/index.js` 打包成一个名为 `my-ui-library.js` 的文件，并且设置 `library` 和 `libraryTarget` 属性以便其他人可以使用 `MyUiLibrary` 引用你的库。 注意，我们在 `externals` 中将 `vue` 设置为外部依赖，这意味着使用你的库的人需要自己在项目中引入 Vue。 5. 在 `package.json` 中添加必要的字段 ```json { "name": "my-ui-library", "version": "1.0.0", "description": "My awesome Vue UI library", "main": "dist/my-ui-library.js", "keywords": [ "vue", "ui", "library" ], "author": "Your Name", "license": "MIT", "peerDependencies": { "vue": "^2.6.11" } } ``` 在上面的配置中，我们需要将 `main` 字段设置为我们打包后的文件路径，同时添加 `peerDependencies` 字段来指定我们的库需要依赖 Vue。 6. 发布到 npm 现在，我们可以使用以下命令将我们的库发布到 npm： ``` npm login npm publish ``` 注意，在发布之前，你需要先在 npm 上注册一个账号。如果你已经注册了账号，可以使用 `npm login` 命令登录。 发布后，其他人就可以使用以下命令来安装你的库： ``` npm install my-ui-library ``` 然后，在他们的 Vue 项目中引入你的组件： ```javascript import Vue from 'vue' import MyUiLibrary from 'my-ui-library' Vue.use(MyUiLibrary) ``` 至此，你的 Vue UI 库就发布成功了！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值