vue封装组件方法_什么是vue组件

vue封装组件方法_什么是vue组件在package.json中配置打包路径:1、在scripts中定义打包指令;指令说明:–targetlib关键字指定打包的目录–name打包后的文件名称–dest打包后的文件夹的名称例如:“sf_common_build”:”nodebuild/build.js–targetlib./src/ui/index.js–nameqf-ssf–destcom_ss3种方式:1、npm本地file引用:在项目控制台下输入npminstall…/com

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

在package.json中配置打包路径:

1、在scripts中定义打包指令;
指令说明: –target lib 关键字 指定打包的目录
–name 打包后的文件名称
–dest 打包后的文件夹的名称
例如:“sf_common_build”: “node build/build.js –target lib ./src/ui/index.js –name qf-ssf –dest com_ss

3种方式:
1、npm本地file引用:
在项目控制台下输入 npm install …/common/
这时修改common项目下面的任意代码都会实时生效,不用打包,不用更新引入包,也不用重启。而且在package.json中有引入记录。
如:
“vue_common”: “file:…/vue_common_name”,
“vue_common_git”: “git+https://gitee.com/XXXXX/vue_common.git#master”,

2、link引用:
首先在组件文件下的控制台输入npm link ; 然后在项目控制台下输入 npm link XX组件文件名。
这就将这个公共的项目通过软连接的方式引入到项目里面来了。
这时修改组件项目下面的任意代码都会实时生效,不用打包,也不用重启了。在package.json中没有引入记录。

3、npm package(目前两种:a、不打包可以有多个组件, b、打包的话只能有一个组件?)
在http://www.npmjs.com注册一个账号
进入common的控制台,输入命令npm login,按照提示输入刚注册的账号密码
输入命令 npm publish 即可

在项目控制台下输入npm install common --save
注意:每次改动代码再次发布时,需要修改package.json文件中的版本号,不然发布不成功。
开发project1和project2的程序猿只需关注自己项目的业务功能,公共的common有更新时,执行命令npm install common就可以了。切记频繁改动common包时,project1和project2需要频繁更新common包的引入。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/190367.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • MySQL中文参考手册

    MySQL中文参考手册

    2021年6月19日
    96
  • 【数据结构】链表的原理及java实现

    【数据结构】链表的原理及java实现一:单向链表基本介绍链表是一种数据结构,和数组同级。比如,Java中我们使用的ArrayList,其实现原理是数组。而LinkedList的实现原理就是链表了。链表在进行循环遍历时效率不高,但是插入和删除时优势明显。下面对单向链表做一个介绍。单向链表是一种线性表,实际上是由节点(Node)组成的,一个链表拥有不定数量的节点。其数据在内存中存储是不连续的,它存储的数据分散在内存中,每个结点只能也只有它

    2022年6月9日
    27
  • Pycharm 2021.12.13 激活码使用后自动消失【2021最新】

    (Pycharm 2021.12.13 激活码使用后自动消失)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html1435QFILVV-eyJsaWNlbnNlSW…

    2022年3月30日
    51
  • 计组_浮点数表示/补码运算:定点数加减法/浮点数加减法(步骤+实例)「建议收藏」

    计组_浮点数表示/补码运算:定点数加减法/浮点数加减法(步骤+实例)「建议收藏」文章目录步骤问题实例对阶操作(基于补码)尾数求和(基于对阶后)规格化数相关知识左归操作右归操作回到本例:步骤设两个浮点数x=Sx⋅rjxy=Sy⋅rjy\begin{array}{l}x=S_{x}\cdotr^{j_{x}}\\y=S_{y}\cdotr^{j_{y}}\end{array}x=Sx​⋅rjx​y=Sy​⋅rjy​​(1)对阶,使两数的小数点位置对齐。(2)尾数求和,将对阶后的两尾数按定点加减运算规则求和(差)(3)规格化,为增加有效数字的位数,提高运

    2022年9月16日
    3
  • .Net开源框架

    .Net开源框架API框架NancyFx:轻量、用于构建HTTP基础服务的非正式(low-ceremony)框架,基于.Net及Mono平台。官网ASP.NETWebAPI:快捷创建HTTP服务

    2022年7月1日
    30
  • ajax例子详解_mapreduce实例解析

    ajax例子详解_mapreduce实例解析jQueryAjax实例全解析 jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到).

    2022年8月16日
    6

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号