在浏览器中编译“.vue”组件，仅使用 JS？答案

【问题标题】：Compile a ".vue" component in browser, with JS only?在浏览器中编译“.vue”组件，仅使用 JS？
【发布时间】：2017-10-09 07:53:55
【问题描述】：

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

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

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

应该可以吧？！不？（而且我无法想象没有人有这个想法，或者已经做到了）

【问题讨论】：

【解决方案1】：

在浏览器中编译没有任何意义，因为在本地预编译组件而不是依赖访问者的客户端来完成它的效率要高得多。

事实上，上面关于 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

说明在自述文件中。

【讨论】：

【解决方案2】：

事实上，使用 http-vue-loader 是可能的：

【讨论】：