我正在使用Vue.js 2（通过vue-cli 3）开发一个项目，该项目包含多个Vue单个文件组件。该项目已经编码了数十个模块。

我试图提高代码的可读性，并尝试通过安装vue typescript插件（vue add typescript）将Typescript添加到项目中，令我惊讶的是，它编辑了一半文件，抛出了很多错误并破坏了一些模块和依赖项。此后，由于该项目无法使用，我不得不回到之前的观点。

然后我尝试通过将typescript加载器/解析器添加到webpack / eslint / babel堆栈中来导入ts文件，但无济于事。

所以问题是，如何在不破坏整个组件的情况下从组件导入.ts文件？有可能吗？当然，主要要点是避免每次更改时都将ts编译为js。

编辑：为了使自己清楚，我需要将.ts文件导入到我的普通Vue组件中。我尚未在文档中找到有关此内容的任何信息。

示例：

<script>
// The following import would look for a @/path/to/MyTSClass.js and fail

// If I added the .ts extension it would throw an 'Unexpected token' error and tell me 
// to install an 'additional loader to handle the result of these loaders'

import MyTSClass from "@/path/to/MyTSClass"; 

export default {
    name:"MyComponent",methods: {
        myMethod() {
            let myVar = new MyTSClass();
            return myVar.doSomething();
        }
    }
}
</script>