Javascript 如何将Vue配置为能够从单个文件组件导入typescript文件？

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

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

然后，我尝试通过向webpack/eslint/babel堆栈添加一个typescript加载程序/解析器来导入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>

//以下导入将查找@/path/to/MyTSClass.js并失败
//如果我添加了.ts扩展名，它将抛出一个“意外令牌”错误并告诉我
//安装“附加加载器以处理这些加载器的结果”
将MyTSClass从“@/path/to/MyTSClass”导入；
导出默认值{
名称：“MyComponent”，
方法：{
myMethod（）{
设myVar=newmytsclass（）；
返回myVar.doSomething（）；
}
}
}

感谢您的评论。文档展示了如何在Vue组件中使用typescript，我对此不感兴趣。我需要简单地将ts文件导入到我的正常vue设置中。文档还要求我安装vue的typescript插件，这完全破坏了我的项目。@Victor你知道怎么做吗？Victor&@vab2048，你的找到答案了吗？我也破坏了我的项目。谢谢你的评论。文档展示了如何在Vue组件中使用typescript，我对此不感兴趣。我需要简单地将ts文件导入到我的正常vue设置中。文档还要求我安装vue的typescript插件，这完全破坏了我的项目。@Victor你知道怎么做吗？Victor&@vab2048，你的找到答案了吗？我也破坏了我的项目。