使用webpack在vuejs中分离模板

Question

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

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

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

Answer 1

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

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

文档