使用webpack在vuejs中分离模板

时间:2016-01-17 19:18:37

标签: templates webpack vue.js

我对VueJS感兴趣。我已经看过关于为每个组件定义资源的文档,但我宁愿在我的开发环境中将模板文件与js文件分开。

我正在使用Webpack,因此我认为应该可以将这些单独的资源一起编译以便在运行时使用。

是否有人在配置Webpack方面取得了成功?我已经尝试使用text-loader从我的js文件中要求html模板,但是后来的scoped css被忽略了。 选择分离css会很好。文档似乎更倾向于使用Browserify来实现这种方法。

1 个答案:

答案 0 :(得分:11)

您可以使用src属性将组件拆分为多个文件。

<template src="./template.html"></template>
<style src="./style.css"></style>
<script src="./script.js"></script>

Documentation