vite vue-cli,vue cli和vue

　　本文主要介绍Vite比vue CLI快在哪里，帮助大家更好的理解和使用vue。感兴趣的朋友可以了解一下。

　　Vue生态系统中有一个新的构建工具叫Vite，它的开发服务器比Vue CLI快10-100倍。

　　这是否意味着Vue CLI已经过时了？在本文中，我将比较这两个构建工具，并解释它们的优缺点，以便您可以决定哪一个适合您的下一个项目。

Vue CLI 概述

　　大多数Vue开发人员都知道，Vue CLI是使用标准构建工具和最佳实践配置快速构建基于Vue的项目的不可或缺的工具。

　　其主要职能包括：

　　工程脚手架

　　热模块过载的开发服务器

　　插入式系统

　　用户界面

　　在这个讨论中，需要注意的是，Vue CLI是建立在Webpack之上的，所以开发服务器和构建功能和性能将是Webpack的超集。

Vite 概述

　　与Vue CLI类似，Vite也是一个构建工具，提供基本的项目搭建和开发服务器。

　　但是，Vite并不是基于Webpack的。它有自己的开发服务器，使用浏览器中的本地ES模块。这种架构使得Vite比Webpack的开发服务器快了几个数量级。Vite是用Rollup构建的，也更快。

　　Vite仍处于测试阶段。看来Vite项目的目的并不是Vue CLI这样的集成工具，而是提供一个快速的开发服务器和基本的构建工具。

Vite 怎么这么快？

　　Vite开发服务器将比Webpack至少快10倍左右。对于一个基本项目，与2.5秒相比，开发构建/重建时间差是250毫秒

　　在更大的项目中，这种差异会变得更加明显。web开发服务器在构建/重建时可能慢至25-30秒，有时甚至更慢。同时，Vite开发服务器可以以250毫秒的恒定速度为同一项目提供服务。

　　这显然是开发体验和游戏规则改变的区别。Vite是如何做到这一点的？

Webpack 开发服务器架构

　　Webpack的工作方式是，通过解析应用程序中的每个导入和请求，将整个应用程序构建成基于JavaScript的包，并在运行时转换文件(如Sass、TypeScript、SFC)。

　　这些都是在服务器端完成的，在依赖项的数量和变更后的构建/重建时间之间有一个大致的线性关系。

Vite 开发服务器架构

　　Vite不捆绑应用服务器端。而是依赖于浏览器对JavaScript模块的原生支持(也就是es模块，这是一个比较新的特性)。

　　浏览器将在需要时通过HTTP请求任何JS模块，并在运行时处理它。Vite development server将按需转换任何文件(如Sass、TypeScript、SFC)。

　　这种架构避免了在服务器端绑定整个应用程序，并通过使用浏览器的高效模块处理来提供明显更快的开发服务器。

　　提示：当您对应用程序进行代码拆分和树抖动时，Vite会更快，因为它只加载它需要的模块，即使在开发阶段也是如此。这与Webpack不同，web pack中的代码拆分只对生产包有利。

Vite 的缺点

　　你可能已经明白了，Vite的主要特点是它的开发服务器快得离谱。

　　没有这个功能，可能就不再讨论了，因为和Vue CLI相比，它不具备其他功能，确实有一些不足。

　　由于Vite使用JavaScript模块，所以最好让依赖项也使用JavaScript模块。尽管大多数现代JS包都提供了这一点，但一些较老的包可能只提供CommonJS模块。

　　Vite可以将CommonJS转换成JavaSript模块，但是在某些边缘情况下可能做不到。当然，它还需要一个支持JavaScript模块的浏览器。

　　与Webpack/Vue CLI不同，Vite不能为旧浏览器、web组件等创建包。

　　此外，与Vue CLI不同，开发服务器和构建工具是不同的系统，这可能导致生产和开发之间的行为不一致。

Vue CLI vs Vite 总结

　　Vue CLI的优势

　　Vue CLI缺点

　　经历过战斗考验，可靠

　　服务器开发速度与依赖的数量成反比。

　　与Vue 2兼容

　　您可以绑定任何类型的依赖项。

　　插件生态系统

　　它可以为不同的目标而构建。

　　优点

　　缺点

　　服务器开发比Webpack快10-100倍

　　仅适用于现代浏览器(ES2015)

　　将代码拆分作为优先事项

　　与CommonJS模块不完全兼容

　　在测试阶段，仅支持Vue 3。

　　最低脚手架不包括Vuex、路由器等。

　　不同的开发服务器和构建工具基于

Vite 的未来

　　虽然上面的比较主要是针对Vite和Vue CLI的现状，但还是有几点需要考虑：

　　只有当浏览器中的JavaScript模块支持得到改进时，Vite才会得到改进。

　　随着JS生态系统的追赶，更多的软件包将支持JavaScript模块，减少Vite无法处理的边缘情况。

　　Vite仍处于测试阶段，功能可能会改变。

　　有可能Vue CLI最终会结合Vite，这样你就不用再用其中一个了。

　　值得注意的是，Vite并不是唯一一个在浏览器中使用JavaScript模块的开发服务器项目。还有就是比较有名的Snowpack，甚至可能会排挤Vite的发展。时间会证明一切。

　　以上是Vite和Vue CLI优缺点的详细介绍。更多关于Vite和Vue CLI的信息，请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。