npm 打包发布一个公用的组件包

news2024/11/17 20:21:43

1,首先创建一个需要发包发布的组件

 

 2.3使用Vue插件模式
 这一步是封装组件中的重点,用到了Vue提供的一个公开方法:install。这个方法会在你使用Vue.use(plugin)时被调用,这样使得我们的插件注册到了全局,在子组件的任何地方都可以使用。

将我们封装好的组件注册为全局组件,用到了Vue.component()方法,当使用Vue.use()时,我们的install方法便会执行

在package目录下新建index.js文件,代码如下:

 3,组件打包  首先在package.json里设置打包命令

打包命令解释:

  • --target lib 关键字 指定打包的目录

  • --name 打包后的文件名字

  • --dest 打包后的文件夹的名称

 执行命令npm run packagecy  得到cy-customcy文件夹

4,发布到npm上

1,先进入cy-customcy文件夹里

然后执行npm initial -y  命令得到要给package.json 文件

注册一个npm  账号  登录npm官网(这里我注册完就不展示了) npm

需要注意的是  此时我们用的npm源要是官网的  通过 npm config get registry命令查看  

如果得到的不是https://registry.npmjs.org/的话需要替换一下执行命令如下:

npm config set registry=https://registry.npmjs.org

再注册过npm账号的前提下 执行命令

npm publish  即可成功

我这里发布失败遇到的问题:

1,版本号上次发布这次需要修改版本号

 2,发版的文件包名里带了数字也一直发布失败  改成字母和"-"线以及"_"线

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/463498.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

AI在网络安全中的应用:机器学习如何帮助我们更好地保护网络

章节一:引言 随着信息技术的飞速发展,网络攻击的手段也在不断地演变。传统的网络安全技术已经难以应对日益复杂的网络安全威胁。AI技术,特别是机器学习技术,为网络安全提供了一种新的解决方案。本文将介绍AI在网络安全中的应用&am…

打造高性能的视频和弹幕系统(一): 对象存储服务

这里写自定义目录标题 欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants 创建一个自定义列表如何创建一个…

一文综述:自然语言处理技术NLP

自然语言处理技术综述1-到2020年 写在最前面摘要NLP简介Preprocessing预处理Tokenization令牌化、标记化Stop Words 停用词Stemming and Lemmatization词干提取和词形还原(英文单词)Parts-of-Speech Tagging词性标记Bag of Words and N-Grams词袋模型、N…

Redis数据库的安装(Windows10)

Redis数据库的安装 前言安装启动命令简单的几条语句 前言 本节开始学习Redis数据库。 Redis数据库的优势如下: 性能极高 – Redis能读的速度是110000次/s,写的速度是81000次/s 。 丰富的数据类型 – Redis支持二进制案例的 Strings, Lists, Hashes, Sets 及 Ord…

ubuntu22.04安装显卡驱动+cuda+cudnn

ubuntu22.04安装显卡驱动cudacudnn 1. 下载驱动和卸载、禁用自带驱动程序1.1 查看系统显卡型号1.2 从NVIDIA官网下载相应驱动1.3 卸载Ubuntu自带的驱动程序1.4 禁用自带的nouveau nvidia驱动1.5 更新1.6 重启电脑1.7 查看是否将自带的驱动屏蔽 2. 安装显卡驱动2.1 停止lightdm桌…

ChatGPT 如何促进智能客服行业发展

章节一:智能客服的背景及发展趋势 随着人工智能技术的快速发展,智能客服正逐渐成为企业服务中不可或缺的一环。相比于传统客服方式,智能客服能够快速地为客户提供满意的解决方案,大幅降低企业的客服成本,提高客户的满意…

24、LLVM编译流程

一、LLVM 1.1 LLVM概述 LLVM是构架编译器(compiler)的框架系统,以C编写而成,用于优化以任意程序语言编写的程序的编译时间(compile-time)、链接时间(link-time)、运行时间(run-time)以及空闲时间(idle-time),对开发者保持开放,并兼容已有脚本.LLVM计划启动于2000年,最初由美国…

MybatisPlus入门和分页和条件查询里面的条件和null值的处理方式和查询投影和查询条件设置和id生成相关

MybatisPlus 简化了mybatis之前的在springboot整合MyBatis时需要自己写sql语句在接口中&#xff0c;现在只需要让接口继承BaseMapper<实体类>&#xff0c;然后在测试类中接口.增删改查方法&#xff08;&#xff09;即可 不用像springboot整合mybatis一样勾选spring web…

【JavaScript 逆向】抖店滑块逆向分析

声明 本文章中所有内容仅供学习交流&#xff0c;相关链接做了脱敏处理&#xff0c;若有侵权&#xff0c;请联系我立即删除&#xff01; 案例目标 接口&#xff1a; aHR0cHM6Ly93d3cuZG91eWluLmNvbS9hd2VtZS92MS93ZWIvdXNlci9wcm9maWxlL290aGVyLw 以上均做了脱敏处理&#…

某应用虚拟化系统远程代码执行

漏洞简介 微步在线漏洞团队通过“X漏洞奖励计划”获取到瑞友天翼应用虚拟化系统远程代码执行漏洞情报(0day)&#xff0c;攻击者可以通过该漏洞执行任意代码&#xff0c;导致系统被攻击与控制。瑞友天翼应用虚拟化系统是基于服务器计算架构的应用虚拟化平台&#xff0c;它将用户…

项目管理-团队管理

冲突和竞争 冲突&#xff1a;是指两个或两个以上的社会单元在目标上互不相容或互相排斥&#xff0c;从而产生心理上的或行为上的矛盾。冲突并不一定是有害的&#xff0c; “一团和气”的集体不一定是一个高效率的集体。对于有害的冲突要设法加以解决或减少&#xff1b;对有益的…

【远程工具】- WindTerm 下载、安装、使用、配置【Telnet/ssh/Serial】-免安装、解压即用

目录 一、WindTerm 概述 二、WindTerm 下载、安装 三、WindTerm 的使用  &#x1f449;3.1 使用SSH协议连接Linux开发主机  &#x1f449;3.2 使用Telnet协议连接开发板  &#x1f449;3.3 使用Serial(串口)协议连接开发板 一、WindTerm 概述 在远程终端工具中&#xff0c;s…

SCI论文自由投稿Vs专栏投稿,哪个更好中?

我们首先来看下以下几种期刊的发表方式&#xff1a; 正刊 正刊也就是自由投稿方式的发表方式&#xff0c;是期刊正常出版的期刊&#xff0c;比如一本SCI期刊是双月刊&#xff0c;一年出版6期&#xff0c;没有设定主题&#xff0c;包含多个研究方向的文章。每年按照半月/月/双…

Linux:《gzip》《bzip2》压缩解压

先准备4个文件 1.文件压缩 使用gzip和bzip进行压缩 gzip text1.txt 使用gzip对text1.txt压缩 gzip -9 text2.txt -9是高压缩 由于我使用的文件太小了&#xff0c;所以体现不出来 bzip2 text3.txt 使用bzip2对text3.txt压缩 bzip2 -9 text4.txt -9同样是bzip2的高压缩 2.解压文件…

Java版spring cloud 企业工程项目管理系统平台源码(三控:进度组织、质量安全、预算资金成本、二平台:招采、设计管理)

工程项目管理软件&#xff08;工程项目管理系统&#xff09;对建设工程项目管理组织建设、项目策划决策、规划设计、施工建设到竣工交付、总结评估、运维运营&#xff0c;全过程、全方位的对项目进行综合管理 工程项目各模块及其功能点清单 一、系统管理 1、数据字典&#…

【MySQL高级】——逻辑架构

一、服务器处理请求流程 连接层&#xff1a;客户端和服务器端建立连接&#xff0c;客户端发送 SQL 至服务器端&#xff1b;SQL 层&#xff08;服务层&#xff09;&#xff1a;对 SQL 语句进行查询处理&#xff1b;与数据库文件的存储方式无关&#xff1b;存储引擎层&#xff1a…

kubernetes为何需要默认的serviceaccount?

文章目录 什么是k8s的serviceAccount&#xff1f;为什么每一个ns下都有默认的sa&#xff1f;default sa yaml 默认的sa下都会挂一个secret&#xff0c;这个secret是从哪里来的&#xff1f;一道关于RBAC的CKA考题1、创建一个新的 ServiceAccount2、创建一个新的 Role3、创建一个…

ChatGPT测试-吴彦祖帅不帅

GPT3.5 我是一个xxx职业&#xff0c;女性&#xff0c;平常喜欢xxxx&#xff0c;喜欢类似 xxx&#xff0c;肖战&#xff0c;王一博&#xff0c;一类的男明星&#xff0c;对于我这种女生来说的话&#xff0c;这种审美方向&#xff0c;吴彦祖帅不帅&#xff0c;请给我具体回答&…

免费ChatGPT接入网站-网站加入CHATGPT自动生成关键词文章排名

网站怎么接入chatGPT 要将ChatGPT集成到您的网站中&#xff0c;需要进行以下步骤&#xff1a; 注册一个OpenAI账户&#xff1a;访问OpenAI网站并创建一个账户。这将提供访问API密钥所需的身份验证凭据。 获取API密钥&#xff1a;在您的OpenAI控制台中&#xff0c;您可以找到您…

国赛超强自学素材!飞桨系列国赛课程集锦发布

自2023年3月以来&#xff0c;飞桨在“中国软件杯”大学生软件设计大赛和全国大学生智能汽车竞赛两大赛事中&#xff0c;陆续发布了六项赛题。我们整理了一份当前阶段的竞赛培训课程合集&#xff0c;为同学们的学习和备赛保驾护航&#xff01;出发的号角已然吹响&#xff0c;欢迎…