聊聊创建你的第一个Vue

为什么使用 Vite

你现在可能会有疑问?，那么 Vite 与现有的vue-cli到底有什么不同呢?

由于@ vue-cli / service是在webpack之上构建的，因此它是一个模块捆绑程序，它将在启动，热重载和编译时捆绑整个Vue项目。

由于@vue-cli/service是在webpack之上构建的，因此它是一个模块捆绑程序，它将在启动，热重载和编译时捆绑整个Vue项目。

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

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

相反，Vite 不捆绑应用服务器端。相反，它依赖于浏览器对 JavaScript 模块的原生支持(也就是 ES 模块，是一个比较新的功能)。

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

这种架构避免了服务器端对整个应用的捆绑，并利用浏览器高效的模块处理，提供了一个明显更快的开发服务器。

提示：当你对应用程序进行 code-split 和 tree-shake 动时，Vite 的速度会更快，因为它只加载它需要的模块，即使是在开发阶段。这与 Webpack 不同，在 Webpack 中，代码拆分只对生产包有利。

创建第一个Vite项目

运行下面命令即可：

（编辑：唐山站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!