单个插件/案例在普通项目模式下的展示方法

发布于 2025-03-12 17:26:29

很多小伙伴在开发过程中,想把 预览调试[ yarn pre.dev ]下的 单个案例或者插件,展示在 普通项目[ yarn dev ]展示下。其实过程很简单,下面说一下:

举例:Free数字家居 这个免费插件,它的演示页为:

src/plugins/freeDigitalHome/pages/demo.vue

//这个地址 后面这样引用:
import demo from 'PLS/freeDigitalHome/pages/demo.vue'

image.png

再找到 需要展示的文件 如下

src/pages/index.vue

// 直接全部替换如下:
<template>
     <Suspense>
        <demo />
     </Suspense>
</template>

<script setup lang="ts">
import demo from 'PLS/freeDigitalHome/pages/demo.vue'
</script>

即可 通过 http://localhost:8000/#/ 展示成功了

2 条评论

发布
问题