在没有webpack的情况下使用VueJs和Typescript

Question

我正在尝试以最少的配置来配置项目。我想使用VueJS和Typescript。

我将vue.js文件和脚本添加到我的主页：

<script src="~/lib/vue/dist/vue.js"></script>
<script src="~/js/site.js" ></script>

一切正常。

但是，如果我想使用Typescript，则找不到Vue 类：

Symbol 'Vue' cannot be properly resolved, probably it is located in inaccessible module

由于定义文件使用导出，因此必须将Vue用作模块。

如果添加导入，它将进行编译，但将在输出中使用，并且将无法在浏览器中运行。

有没有一种方法可以在不使用webpack的情况下进行这项工作？

Answer 1

默认情况下必须导入 vue 的 Typescript 类型。您可以使用自定义类型定义文件让它们工作而无需导入，如下所示：

创建新文件 global.d.ts - 名称并不重要

//global.d.ts
import { VueConstructor } from 'vue'

declare global {
    const Vue: VueConstructor
}