¿Hay algún método para compilar algunos archivos Component.vue en algún archivo javascript? Para que js compilado pueda incluirse en HTML y usarse con vue CDN.
Por ejemplo, digamos que tenemos algún componente Component.vue , que se muestra a continuación
<template> <div class="demo">{{ msg }}</div> </template> <script> export default { data() { return { msg: "Jatin Garg", }; }, }; </script> <style scoped> .demo { color: blue; } </style>Ahora queremos incluir el Component.js compilado en el siguiente archivo HTML.
<html lang="en"> <head> <script src="/path/to/Component.js"></script> <script src="vue@next"></script> <body> <div id="app"> <component></component> </div> </body> <script> const app = Vue.createApp({}); app.component("component", Component); app.mount("#app"); </script> </head> <body></body> </html> Conozco una biblioteca llamada vue3-sfc-loader que hace algo similar. Pero en lugar de usar el archivo ".js", toma directamente el archivo Component.vue y lo compila. Básicamente, quiero compilar el archivo .vue sin conexión