在浏览器中编译".vue"组件,仅限JS？

Question

我想将".vue"组件(含有html/js/css)编译成JS,但在浏览器方面,没有browserify/vuify/webpack或其他...

在一个更美好的世界中,我想将我的".vue"组件包含到我的html应用程序中,就像那样,需要编译的东西,服务器端:

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

应该可以吗？!不？(我无法想象没有人有这个想法,或者已经做过了)

Answer 1

实际上,http-vue-loader可以实现:

https://github.com/FranckFreiburger/http-vue-loader

Answer 2

在浏览器中编译是没有意义的，因为在本地预编译你的组件而不是依赖访问者的客户端来执行它更有效。

事实上，上面关于 vue-http-loader 的答案说它只用于开发和这篇文章的链接：https : //vuejs.org/2015/10/28/why-no-template-url/

话虽如此，我创建了一个 vue-cli 模板，可让您将.vue文件预编译为.js可在浏览器中使用的单个文件。单个 JS 文件包含模板、脚本和样式。它使用 webpack，但在编辑文件时运行和监视文件非常容易。

$ vue init RonnieSan/vue-browser-sfc my-project

回购地址：https : //github.com/RonnieSan/vue-browser-sfc

说明在自述文件中。