javascript - 使用 ES6 模块导入 TS 类型，以便从 CDN 加载 JS

Question

使用:

带有 ES6 输出的 typescript (目标和模块)

从 CDN 加载 Vue

NPM 安装的 Vue 的 TS 类型

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

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

Answer 1

我认为你只需要在 webpack 配置中添加 Vue 作为外部库 - 你的输入将正常工作，并且 webpack 将解析全局变量(窗口)的依赖关系。

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

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

参见Webpack Externals .