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

Question

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

发布于
2017-01-23

我想不使用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部分。

vue.js requirejs

阅读 5.1k

1 个回答

KingMario

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

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

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

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

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

你尚未登录，登录后可以

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

vue2.6，打包后app.js，8M,chunk.js，6M，加载打开页面很慢，有什么办法减少，打开页面快一些？

Element Plus表格组件如何呈现复杂布局如图？

多个vue项目，后台接口都是一样的，每个vue项目的同一个页面都只是一小部分修改，怎样把公共的代码提出来复用？

如何实现从一个div中拖拽dom到另一个div容器？

electron如何屏蔽鼠标上的前进后退快捷键？