lvming6816077
2022-08-17 10:34:12 +08:00
Vue Cli 的 Webpack 的工作方式是,它通过解析应用程序中的每一个 JavaScript 模块里面 import 或者 require ,借助各种 loader 将整个应用程序构建成一个基于 JavaScript 的捆绑包,并转换文件(例如 Sass 、.vue 等)。这都是在 webpack-dev-server 服务器端提前完成的,文件越多,依赖越复杂,则消耗时间更多。
Vite 不捆绑应用服务器端。相反,它依赖于浏览器对 ES6 Modules 的原生支持,浏览器直接通过 HTTP 请求 JavaScript 模块,并且在运行时处理,而对于例如 Sass 、.vue 文件等则单独采用插件处理,并提供静态服务。这样耗时的大头 JavaScript 模块处理就被单独剥离了出来,利用浏览器高效处理,并且对于文件的多少,影响并不大,这样消耗的时间就更少。