构建vue组件体系,但不使用webpack及单文件组件,是否可行?

发布于 2022-09-04 11:23:41 字数 277 浏览 18 评论 0

我想不使用webpack及es6,只使用gulp。
我的想法如下,比如要构建组件a,目录结构如下:
a/

 index.js
 index.html
 index.css

我可以用requirejs把html和css引入到index.js中。这样a/index.js就相当于vue的单文件组件.
再到父组件中require['a/index.js'].

不知这样是否可行?是否有兄弟实践过,最好有简单范例可参考,尤其是requirejs部分。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

GRAY°灰色天空 2022-09-11 11:23:41

requirejs 可以引 html 吗?如果可以引,那应该没问题吧。
.vue 单文件组件经 webpack 打包生成的是一个 vue 扩展选项(组件选项),包含了 template 部分的字符串,作为 template 属性(可能还直接编译成了 render function,不确定,可以直接试一下看看)。

如果不行,你可以看一下 gulp 有没有直接获取 raw 字符串的方式,再不然就是把 .html 文件写成 define({template: '<html>...'}) 这样的形式,不过会很麻烦。

综合起来,使用 webpack 是最经济的方式啊,为什么不用呢?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文