vuecli4 创建typescript项目，webpack无法正确监听ts文件变化？

Question

最近用vuecli4创建了ts项目，是真折腾。特别是现在碰到这个问题。
首先运行
首先在components目录下创建一个test.ts文件：

export default interface A {
    name: string
}

然后在App.vue中添加代码

import A from './components/test';

const a: A = {
    name: '1'
};
console.log(a.name);

然后再把test.ts里面内容修改为

export default interface A {
    name: number
}

此时vscode的Vetur已经报错了，然而网页上显示依然是正常的，原因是webpack没有监听到这个文件的变化，重新加载这个文件的内容