请问使用nodejs怎么讲vue3的单文件组件编译成一个js对象？

Question

nodejs获取到字符串如下：

<template>
  <div class="hello" @click="handleClick">
    Hello!
  </div>
</template>

<script setup>
const handleClick = () => {
    console.lot('handleClick')
}
</script>

<style>
.hello{ color: red }
</style>

将以上代码编译成一个js对象。可以直接在动态组件中使用。

Answer 1

vue build component.vue -t lib

Answer 2

1. 你的问题从字面意思上理解，是在运行时编译并使用组件，这种想法不好，会导致构建时体积加大，运行时时间变长
2. 最好在写代码的时候，使用框架的动态加载机制生成独立的组件文件，然后动态使用