理顺8个版本vue的差异(总结)

vue共有8个版本

学期

完整版本：包含编译器和运行时的版本。编译器：用于将模板字符串编译成JavaScript呈现函数的代码。运行时：用于创建Vue实例、渲染和处理虚拟DOM等的代码。基本上，其他的都从编译器中移除了。UMD:UMD版可以通过脚本标签直接在浏览器中使用。jsDelivr CDN的https://cdn.jsdelivr.net/npm/vue默认文件是UMD版的运行时编译器(vue.js)。common js:common js版本与Browserify或webpack 1等旧打包工具一起使用。这些打包工具的默认文件(pkg.main)只包含运行时的CommonJS版本(vue.runtime.common.js)。Esmodule: esmodule版本与webpack 2或Rollup等现代打包工具一起使用。这些打包工具的默认文件(pkg.module)在运行时只包含ES Module版本(vue.runtime.esm.js)。焦点：

如果您需要在客户端编译一个模板(例如将一个字符串传递给模板选项，或者将它装载到一个元素上，并在其DOM中使用HTML作为模板)，您将需要添加一个编译器

一般来说，运行时版本无法解析模板

共有8个vue版本，在什么情况下使用？

默认情况下将使用哪个vue版本，哪个版本将在vue-cli中使用？如何指定使用哪个版本的vue？别急，从两个维度去理解这八个版本。

根据是否需要编译器，可以分为：运行时版本和完整版本。根据使用该vue代码的地方，可以分为UMD/CommonJS/ES Module[运行时版本]和[完整版本]。

完整版本：包括编译器和运行时版本。编译器： vue中使用的模板/模板语法被编译的运行时3360用来创建vue实例、呈现和处理虚拟Dom。可以理解为除了编译器之外的其余代码都属于运行时。如果你需要使用模板语法，你需要一个编译器，所以使用完整版本。

在大多数情况下。vue文件，可以使用运行时版本

当您使用vue-loader或vueify时，*。vue文件将被预编译成JS，因此在最终的包中，

事实上，不需要编译器，所以在这种情况下，应该使用运行时版本。毕竟，运行时版本的容量比完整版本小30%

如果我必须使用完整版本呢？如何选择版本？

您需要在网络包中配置别名

模块。导出={//.使用webpack 1时解析3360 { alias : { ' vue $ ' 3360 ' vue/dist/vue . ESM . js '//' vue/dist/vue.common . js ' } } UMD

当您通过脚本标签引用vue源代码时，使用低版本打包工具(如webpack1)时使用UMD版本，使用现代打包工具(如webpack 2或Rollup)时使用CommonJS版本，使用ES Module版本和其他版本

Vue源代码会根据process.env.NODE_ENV判断是使用生产环境的代码还是开发环境的代码。webpack可以有自己的新webpack。DefinePlugin()将process.env.NODE_ENV设置为这样。

新的网络包。定义插件({'process。env' :env})，以上就是本文的全部内容，希望对大家的学习有所帮助，支持我们。