Javascript vue.js的CDN和ESM版本是什么？

说明所使用的vue.js（CDN或ESM）构建的不同语法。 CDN构建是什么？两种不同的构建有什么理由，从而产生不同的使用语法

从vue.js文档：

// CDN build of Vue
const { KeepAlive, Teleport, Transition, TransitionGroup } = Vue

// ESM build of Vue
import { KeepAlive, Teleport, Transition, TransitionGroup } from 'vue'

A基本上是以老式的方式导入脚本，即：

build代表

ES模块

aka，您将在项目中安装并使用的软件包（如Webpack），使用方式如下：

import coolMethod from'nice package'

可以说，您通常可以对这两个导入执行相同的操作，但CDN one通常会更有限/更不可定制/更不可优化。因此，如果你能使用ESM one，那就试试吧

这篇有趣的文章比较了CJS、AMD、UMD和ESM的变体：

---

至于CDN，我要说的是，它几乎一直是一个退路，也是最糟糕的一个。要了解更多信息，您可能应该在这里使用一些google fu，因为这超出了Stackoverflow的指导原则。

您所谓的CDN实际上是UMD构建。ESM（ES模块）和UMD（通用模块）之间的区别并不特定于Vue，其他现有问题对此进行了解释。Hello@EstusFlask可能重复。官方vue.js将其构建称为CDN构建，这就是为什么我试图知道它是什么类型的构建；-）是UMD。它当前的主要用例将与应用到CDN或其他应用程序分开部署。我想这就是为什么它在docs中被这样调用的原因。谢谢@estusflask谢谢你的链接，它没有说vue.js文档中的“CDN构建”是什么类型的构建，但它一定是vue.js文档的一个精度湖，我可以推断出它是什么类型的构建，因为在使用“CDN构建”…我会继续阅读，非常感谢。现在我在文章中描述的可能的构建类型中找不到CDN导入语法，有人知道吗？