templates - 在vuejs中分离模板，使用webpack

Question

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

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

有没有人成功配置 Webpack 来做到这一点？我试过使用文本加载器从我的 js 文件中获取 html 模板，但后来忽略了作用域 css。也可以选择分离 css 会很好。文档似乎支持 Browserify 的这种方法。

Answer 1

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

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

Documentation