Vue
Vue
/
🛸
vite调试node-modeules
Search
🛸

vite调试node-modeules

notion image
Vite
当你首次启动 vite 时,你可能会注意到打印出了以下信息: Pre-bundling dependencies: (正在预构建依赖:) (this will be run only when your dependencies or config have changed)(这将只会在你的依赖或配置发生变化时执行) 这就是 Vite 执行的所谓的"依赖预构建"。这个过程有两个目的: 性能: Vite 将有许多内部模块的 ESM 依赖关系转换为单个模块,以提高后续页面加载性能。 一些包将它们的 ES 模块构建作为许多单独的文件相互导入。例如,lodash-es 有超过 600 个内置模块!当我们执行 import { debounce } from 'lodash-es' 时,浏览器同时发出 600 多个 HTTP 请求!尽管服务器在处理这些请求时没有问题,但大量的请求会在浏览器端造成网络拥塞,导致页面的加载速度相当慢。 通过预构建 lodash-es 成为一个模块,我们就只需要一个 HTTP 请求了! 注意 依赖预构建仅会在开发模式下应用,并会使用
https://cn.vitejs.dev/guide/dep-pre-bundling.html#customizing-the-behavior
Vite
 
然后找不到对应的文件是哪个可以看头部
 
Copyright 2022 Travis Fischer