在没有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

因为定义文件使用export，所以Vue必须用作模块。

如果我添加导入，它将编译，但它将在输出中，并且在浏览器中不起作用。

有没有办法在不使用webpack的情况下完成这项工作？

Answer 1

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

创建新文件global.d.ts-名称无关紧要

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

declare global {
    const Vue: VueConstructor
}