很多小伙伴在开发过程中,想把 预览调试[ yarn pre.dev ]下的 单个案例或者插件,展示在 普通项目[ yarn dev ]展示下。其实过程很简单,下面说一下:
src/plugins/freeDigitalHome/pages/demo.vue
//这个地址 后面这样引用:
import demo from 'PLS/freeDigitalHome/pages/demo.vue'
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/#/ 展示成功了
这种情况下,请在打包后 自行删除
public\plugins
目录下 不需要的资源,让项目轻量化另外一种新的自动化调试打包方式已经写在了说明文档中 详见:tvt.js说明文档:单插件-案例的自动化处理