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

Question

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

我将 vue.js 文件和一个 script 添加到我的主页:

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

一切正常。

但是如果我想使用 Typescript，找不到 Vue class :

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
}