在浏览器中编译一个“.vue”组件,只使用JS?

zpgglvta  于 2023-05-18  发布在  Vue.js
关注(0)|答案(2)|浏览(155)

我想编译“.vue”组件(包含html/js/css)到JS,但在浏览器端,没有browserify/vuify/webpack或其他...
在一个更好的世界里,我想把我的“.vue”组件包括到我的html应用程序中,就像这样,不需要编译的东西,服务器端:

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

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

i34xakig

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。

相关问题