前端与Vite | 青训营笔记
这是我参与第五届青训营伴学笔记创作活动的第十三天
一、前端构建工具的意义 1.模块化方案 （1）提供模块加载方案 （2）兼容不同模块规范
2.语法转译 （1）高级语法转译 （2）资源加载
3.产物质量 产物压缩、无用代码删除、语法降级
4.开发效率 热更新
二、vite 1.定位：新一代前端构建工具
2.两大组成部分 （1）No-bundle开发服务，源文件无需打包 （2）生产环境基于Rollup的Bundler
3.核心特征 （1）高性能，dev启动速度和热更新速度非常快 （2）简单易用，开发者体验好
4.为什么要进行预打包 （1）避免node_modules过多的文件请求 （2）将CommonJS河视转换为ESM格式
5.实现原理 （1）服务启动前扫描代码中用到的依赖 （2）用Esbuild对依赖代码进行预打包 （3）改写import语句，指定依赖为预构建产物路径
