2

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

我试图提高代码的可读性并尝试通过安装 vue typescript 插件（vue add 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>
4

0 回答 0