在vuejs中分离模板，使用webpack
Separate templates in vuejs, using webpack
我对 VueJS 很感兴趣。我看过有关为每个组件定义资源的文档，但我宁愿在我的开发环境中将模板文件与 js 文件分开。
我正在使用 Webpack，所以我认为应该可以将这些单独的资源编译在一起，以便在 运行 时使用。
有没有人成功配置 Webpack 来做到这一点？我试过使用文本加载器从我的 js 文件中获取 html 模板，但后来忽略了作用域 css。
最好也可以选择将 css 分开。文档似乎支持 Browserify 的这种方法。
您可以使用 src 属性将组件拆分为多个文件。
<template src="./template.html"></template>
<style src="./style.css"></style>
<script src="./script.js"></script>
我对 VueJS 很感兴趣。我看过有关为每个组件定义资源的文档，但我宁愿在我的开发环境中将模板文件与 js 文件分开。
我正在使用 Webpack，所以我认为应该可以将这些单独的资源编译在一起，以便在 运行 时使用。
有没有人成功配置 Webpack 来做到这一点？我试过使用文本加载器从我的 js 文件中获取 html 模板，但后来忽略了作用域 css。 最好也可以选择将 css 分开。文档似乎支持 Browserify 的这种方法。
您可以使用 src 属性将组件拆分为多个文件。
<template src="./template.html"></template>
<style src="./style.css"></style>
<script src="./script.js"></script>