编译一个" .vue"浏览器中的组件,仅限JS?

时间:2017-05-10 15:05:57

标签: vue.js components

我想编译#34; .vue"组件(包含html / js / css)到JS中,但在浏览器端,没有browserify / vuify / webpack或其他...

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

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

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

2 个答案:

答案 0 :(得分:11)

事实上,使用http-vue-loader可以实现:

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

答案 1 :(得分:3)

在浏览器中进行编译是没有意义的,因为只需在本地预编译组件而不是依赖访问者的客户端来实现它,效率会高得多。< / p>

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

说明在README中。