如何在没有 vue-loader 的情况下将 vue-hot-reload-api 与 vue-router 一起使用

Question

我使用 html-loader 来编写我的 vue 组件。例如： 从"vue"导入 Vue;

import template from './index.html';
export default {
    template,
    data() {
        return {
        };
    }
};

在这种情况下，如何在没有 vue-loader 的情况下将 vue-hot-reload-api 与 vue-router 一起使用？
我不想将html，css和js合并到一个文件中，我想将它们分开编写。

Answer 1

您可以使用此方法分隔这些文件：

<!-- my-component.vue -->
<template src="./my-component.html"></template>
<script src="./my-component.js"></script>
<style src="./my-component.css"></style>

来源：VueJS：关注点分离呢？