2

有什么方法可以将一些Component.vue文件编译成一些 javascript 文件吗？这样编译后的 js 就可以包含在 HTML 中并与 vue CDN 一起使用。

例如，假设我们有一些组件Component.vue，如下所示


<template>
    <div class="demo">{{ msg }}</div>
</template>
<script>
export default {
    data() {
        return {
            msg: "Jatin Garg",
        };
    },
};
</script>

<style scoped>
.demo {
    color: blue;
}
</style>

现在我们要将编译后的 Component.js 包含在下面的 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>

我知道一个名为的图书馆vue3-sfc-loader做类似的事情。而是使用“.js”文件直接获取Component.vue文件并编译它。基本上，我想.vue离线编译文件

4

1 回答 1

0

关键是您需要转换文件，而不是编译它。所以你可以找到一个可以做到这一点的脚本，或者自己创建它。

这是使用合适脚本的类似问题的答案。

于 2021-11-12T21:28:11.673 回答