Vue.js 编译一个";。vue“;浏览器中的组件,仅使用JS?

Vue.js 编译一个";。vue“;浏览器中的组件,仅使用JS?,vue.js,components,Vue.js,Components,我想将“.vue”组件(包含html/js/css)编译成js,但在浏览器端,没有browserify/vuify/webpack或其他 在一个更好的世界中,我希望将我的“.vue”组件包含到我的html应用程序中,就像这样,不需要编译东西,服务器端: <script type="vuejs/component" src="myComp.vue"></script> 这应该是可能的?!不 (我无法想象没有人有这个想法,或者已经做到了)事实上,使用http vue l

我想将“.vue”组件(包含html/js/css)编译成js,但在浏览器端,没有browserify/vuify/webpack或其他

在一个更好的世界中,我希望将我的“.vue”组件包含到我的html应用程序中,就像这样,不需要编译东西,服务器端:

<script type="vuejs/component" src="myComp.vue"></script>

这应该是可能的?!不
(我无法想象没有人有这个想法,或者已经做到了)

事实上,使用http vue loader是可能的:


在浏览器中编译是没有意义的,因为只在本地预编译组件而不依赖访问者的客户机进行编译要高效得多

事实上,上面关于vue http loader的回答说,它仅用于开发和本文链接:

说到这里,我创建了一个vue cli模板,允许您将
.vue
文件预编译为一个
.js
文件,以便在浏览器中使用。单个JS文件包含模板、脚本和样式。它使用webpack,但运行起来非常简单,在编辑文件时可以监视文件


$vue init RonnieSan/vue浏览器sfc我的项目

回购地址:


自述文件中有说明。

这是不可能的。很好,你应该创建一个在线Web服务,能够在可重用的JS中转换“.vue”……事实上,在浏览器中编译有一个很好的理由:我有一个浏览器内编辑器,可以在其中创建/编辑客户端模块并立即查看更改,我也希望使用vue模板来实现这一点。这非常有用!。。。谢谢你创造了这个!。。。对于Vue3