我想编译“.vue”组件(包含html/js/css)到JS,但在浏览器端,没有browserify/vuify/webpack或其他...在一个更好的世界里,我想把我的“.vue”组件包括到我的html应用程序中,就像这样,不需要编译的东西,服务器端:
<script type="vuejs/component" src="myComp.vue"></script>
应该有可能吧?!不?(我无法想象没有人有这个想法,或者已经这样做了)
gcxthw6b1#
事实上,这是可能的http-vue-loader:https://github.com/FranckFreiburger/http-vue-loader
i34xakig2#
在浏览器中编译是没有意义的,因为在本地预编译组件比依赖访问者的客户端编译组件要高效得多。事实上,上面关于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。
.vue
.js
$ vue init RonnieSan/vue-browser-sfc my-project
2条答案
按热度按时间gcxthw6b1#
事实上,这是可能的http-vue-loader:
https://github.com/FranckFreiburger/http-vue-loader
i34xakig2#
在浏览器中编译是没有意义的,因为在本地预编译组件比依赖访问者的客户端编译组件要高效得多。
事实上,上面关于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。