使用 ES6 模块为从 CDN 加载的 JS 导入 TS 类型答案

【问题标题】：Importing TS typings with ES6 modules for JS loaded from CDN使用 ES6 模块为从 CDN 加载的 JS 导入 TS 类型
【发布时间】：2019-02-28 08:01:01
【问题描述】：

使用：

带有 ES6 输出的打字稿（目标和模块）

从 CDN 加载的 Vue

NPM 安装的 Vue 的 TS 类型

我正在尝试让类型在源 .ts 文件中工作，并且仍然使用 CDN 加载的 Vue。 CDN 中的 Vue 不是一个模块（无论哪种方式都无济于事；据我了解，它必须由我托管才能在 ES6 中导入）。

需要导入 NPM 安装的类型 import Vue from 'vue' ，它出现在生成的 Javascript 中（除了 Vue 在生成的 js 中作为非模块是全局的差异之外）并且无法解析，因为它不是服务器上的本地。

【问题讨论】：

【解决方案1】：

我认为你只需要在 webpack 配置中添加 Vue 作为外部库 - 你的类型将正常工作，webpack 将解析来自全局变量（窗口）的依赖。

//...
externals: {
  vue: "Vue"
}
//...

因此，您可以在代码中为外部库使用 import - import Vue from 'vue'。

【讨论】：