首页 > 其他分享 >个人UI组件库如何适配各种模块规范以及支持按需加载组件和发布包到包管理市场公网或者私服

个人UI组件库如何适配各种模块规范以及支持按需加载组件和发布包到包管理市场公网或者私服

时间:2023-11-10 14:55:56浏览次数:41  
标签:文件 适配 私服 规范 yarn 指令 组件 包到

相关代码地址:https://github.com/13476075014/lcc-ui

从指令上去看具体实现逻辑

  • yarn initLibsJs 用指令把所有组件都让入一个js文件对外暴露,作为umd规范的入口文件

  • yarn build:umdjs 用webpack输出上面文件,作为umd规范的

  • yarn initEsmsJs 用指令把所有组件都让入一个js文件对外暴露,作为esm规范的入口文件

  • yarn build:es 用gulp输出上面文件和单个组件,作为esm规范的

  • yarn commit 提交本地修改的规范指令

  • update:version 发布各种类型版本以及打tag

  • src/example/01.vue是使用自己当前组件库的demo

  • npm publish 发布包到开源远端

标签:文件,适配,私服,规范,yarn,指令,组件,包到
From: https://www.cnblogs.com/chun321/p/17824084.html

相关文章

  • react组件间通信
    1.父组件向子组件通信import{useState}from'react';functionButton(props){return(<div>{props.name}</div>)}functionApp(){constmsg=useState('神雕侠侣')return(<divclassName="App">&l......
  • Android如何远程ADB连接以及相关适配
    https://juejin.cn/post/7198041490626576442 前言  ADB全称为AndroidDebugBridge,译为安卓调试桥。是一个命令行工具,主要用于调试设备。详细大家对这个是耳熟能详了。关于ADB的安装、使用、命令等都不是本文的重点,大家有兴趣可先去网上搜索学习一番。那么回归到本文的......
  • 【openfeign】OpenFeign的扩展、日志、超时时间、拦截器、客户端组件、压缩
    Feign的日志配置有时候我们遇到Bug,比如接口调用失败、参数没收到等问题,或者想看看调用性能,就需要配置Feign的日志了,以此让Feign把请求信息输出来。全局配置定义一个配置类,指定日志级别:packagecom.morris.user.config;importfeign.Logger;importorg.springframework.context.a......
  • Android入门教程 | 四大组件之Service(前台服务,后台服务)
    Service是一种可在后台执行长时间运行操作而不提供界面的应用组件。服务可由其他应用组件启动,而且即使用户切换到其他应用,服务仍将在后台继续运行。此外,组件可通过绑定到服务与之进行交互,甚至是执行进程间通信(IPC)。例如,服务可在后台处理网络事务、播放音乐,执行文件I/O或与内......
  • vue兄弟组件共享数据
    1、vue2.x中,兄弟组件共享数据的方式EventBus。一、A组件importeventBusfrom"@/components/eventBus";exportdefault{methods:{send(){eventBus.$emit('share',this.str)}}}</script>二、eventBus.jsimportVuefrom"vue";......
  • Kubernetes常用命令及yml文件、集群网络 Kubernetes组件介绍及环境搭建
    Kubernetes常用命令及yml文件、集群网络Kubernetes组件介绍及环境搭建Kubernetes组件介绍及环境搭建一、kubernetes常用命令说明:因为k8s的命令都是通过kubectl组件接收的,这个组件只在master节点有,所以k8s的命令都是在master节点中执行kubectlgetnodes#查看当前集群中......
  • vuejs3.0 从入门到精通——动态组件
    动态组件一、App.vue<template><ul><!--使用ul标签替代了错误的url标签,用于展示列表--><liv-for='(item,index)intabList':key='index'@click="()=>{currentComponent.com=tabList[index].com}"><!--......
  • 一对多数据关系处理利器:JVS子表格组件详解
    在数字化时代,表单已经成为企业、机构和个人收集、整理、分析数据的重要工具。然而,随着数据复杂性的增长,传统的单一表单往往难以满足需求。JVS低代码表单引擎中子表格允许在主表单中嵌套另一个子表数据,使得数据的收集和组织更加有序、高效。尤其在处理多对一或多对多的关系数据时,如......
  • 【开源三方库】Easyui:基于OpenAtom OpenHarmony ArkUI深度定制的组件框架
     万冬阳公司:中国科学院软件所小组:知识体系工作组 简介Easyui是一套基于ArkTS语言开发的轻量、可靠的移动端组件库,它是对OpenAtom OpenHarmony(以下简称“OpenHarmony”) ArkUI进行深度定制的组件框架。Easyui可扩展性较强,可以基于源码进行二次开发,修改原有组件以及新增......
  • Ansible自动化部署工具-组件及语法介绍
    大家好,我是蓝胖子,我认为自动化运维要做的事情就是把运维过程中的某些步骤流程化,代码化,这样在以后执行类似的操作的时候就可以解放双手了,让程序自动完成。避免出错,Ansible就是这方面非常好用的工具。它能将我们的安装软件,部署等过程进行代码编排,程序化我们的部署步骤。今天,我们就......