每次用vite创建项目秒建好,前几天用vue-cli创建了一个项目,足足等了我一分钟,那为什么用 vite 比 webpack 要快呢,这篇文章带你梳理清楚它们的原理及不同之处!文章有一点长,看完绝对有收获!
Vite 同时提供了对 .scss,.sass,.less,.styl 和 .stylus 文件的内置支持,仅需安装相应的预处理器就可以了:感觉这块要比 Webpack 简单的多,Webpack 需要给不同类型的文件配置不同的 loader 去处理,而 Vite 内部直接帮我们配置好了。
一个是可以带上HTML的项目,比如UI库。在 vite.config.js 里面,首先定义不同的 defineConfig 备用,然后使用 loadEnv 读取模式值,根据模式返回对应的 defineConfig。
vite 是尤雨溪随着vue3正式版一起发布的一个工具,所以 vite 只提供了 vue3 的项目搭建方法,没有 vue2.0 搭建方式。webpack 使用的是 node.js 去实现的,而 vite 使用的是esbuild预构建依赖。
接下来,由于我们已经删除了需要 babel 本身的 @vue/cli-plugin-babel 依赖项,我们只需要从package.json 中删除其他几个 babel 相关的依赖项。虽然这可行,但应尽可能避免。
Oracle VM VirtualBox7.0.0 needs the Microsoft Visual C++2019 Redistributable Package being installed first. Please install and restart the installation of Oracle VM VirtualBox 7.0.0.