Vue3项目如何使用npm link本地测试组件库

一、组件库操作

1、在组件库项目中先运行npm run lib,其效果如下

在这里插入图片描述

2、在组件库项目中在运行npm link,其效果如下

会创建一个全局的软连接指向本地的组件库
在这里插入图片描述

二、Vue3项目使用

1、在项目中运行 npm link 组件名称(即:组件库package.json的name属性)

在这里插入图片描述

2、在main.ts中全局引入

在这里插入图片描述

相关文章

基于ElementUi&Antd再次封装基础组件文档


vue3+ts基于Element-plus再次封装基础组件文档


wocwin-admin后台管理系统模板

相关推荐

  1. 如何二次封装一个Vue3组件

    2024-07-10 09:26:01       39 阅读
  2. 开源Vue3组件

    2024-07-10 09:26:01       40 阅读
  3. 详解Vue3如何使用动态组件

    2024-07-10 09:26:01       13 阅读
  4. 本地项目如何连接远程git

    2024-07-10 09:26:01       28 阅读
  5. 搭建vue3组件(一):Monorepo项目搭建

    2024-07-10 09:26:01       22 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-10 09:26:01       4 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-10 09:26:01       5 阅读
  3. 在Django里面运行非项目文件

    2024-07-10 09:26:01       4 阅读
  4. Python语言-面向对象

    2024-07-10 09:26:01       4 阅读

热门阅读

  1. 2.Date类型的请求参数

    2024-07-10 09:26:01       10 阅读
  2. 基于antdesign封装一个react的上传组件

    2024-07-10 09:26:01       12 阅读
  3. Leetcode100.判断两颗二叉树是否相同

    2024-07-10 09:26:01       9 阅读
  4. 防止应用调试分析IP被扫描加固实战教程

    2024-07-10 09:26:01       9 阅读
  5. Js- Math对象

    2024-07-10 09:26:01       9 阅读
  6. 基于Unity3D的Rokid AR Glass项目开发实战教程

    2024-07-10 09:26:01       10 阅读
  7. 每日一道算法题 求最小公倍数

    2024-07-10 09:26:01       29 阅读
  8. pycharm插件的安装

    2024-07-10 09:26:01       8 阅读
  9. 配置管理新纪元:Eureka引领分布式服务配置潮流

    2024-07-10 09:26:01       8 阅读
  10. cpp http server/client

    2024-07-10 09:26:01       8 阅读
  11. Html利用Vue动态加载单文件页面【httpVueLoader】

    2024-07-10 09:26:01       11 阅读
  12. linux:命令执行过程【图表】

    2024-07-10 09:26:01       8 阅读