手记

源码解读,Vite开发提效不再996

随着近几年Web业务日益复杂化和多元化,很多前端工程师都开始吐槽:学不动了!

确实,现在的互联网对前端的要求相比较前几年而言,已经从单纯的 JS、CSS 问题变成了更多工程化为主的问题。

前端工程化:一切能提升前端开发效率,提高前端应用质量的手段和工具都是前端工程化。

众所周知,前端工程化最核心的问题,就是工程提效。随着工程复杂度的增加,老牌的webpack在解析依赖包上就会显得“慢”,特别是在首次启动或者打包时尤为明显。

Vite的诞生即为了提升打包效率,做到“秒”启。因为极其优越的性能,更被称为下一代前端构建工具,不仅适合主流的Vue&React打包构建,对于SSR、跨平台Electron也可以轻松配合开发,还能兼容Rollup插件。

Vite为什么能做到这么快?和其他工具相比的优势在哪里?如何配置Vite构建项目?

本次直播,我们就将从如何配置使用入手,深入到Vite的源码(热更新、动态导入、预编译),帮助大家系统掌握Vite,全面提升对前端构建的认知,了解前端工程化,为进阶架构师打下坚实的基础!更有超多福利炸场! 

扫描下方海报二维码报名

预约直播

👇👇👇



直播主题:深入源码解读下一代前端工具Vite

直播时间:11月30日(周二)20:00

适合人群:1-3年前端基础,热爱前端新技术的同学,想进入大厂的同学

直播讲师:Brian,全栈工程师,高级PMP,创业者

直播大纲

1. 预读准备:前端工程化的世界

a. 主流工具:前端工程化工具Webpack/Rollup/Parcel与Vite

b. 前浪后浪:主流的打包工具对比webapck vs Vite

c. 应用场景:如今适合在生产中使用Vite吗?旧项目切入Vite?

d. 面试求职:如何面对源码类的面试题?思路是怎样的?(福利)

2. 阅读源码:前端开源项目怎么读源码

a. 环境准备:配置Node + IDE环境 + 运行官方项目

b. 眼见为实:Vite项目目录与核心文件、单步调试

c. 原理解析:Vite核心库client端与node端实现

d. 追根溯源:学会issues+Github discussions与社区频道

3.  知识扩展:Vite构建Vue&React项目上手

a. 核心配置:Vite核心配置(公共、服务端、构建配置)

b. 进阶上手:vite-awesome优秀的项目推荐

c. 工程化扩展:Rollup打包工具应用场景,Vite兼容Rollup插件

你将收获

硬核技能丨开源项目工作流程和代码整体逻辑

深入源码丨Vite工程目录及和核心库工作原理

另类玩法丨Vite核心配置及常见插件用法

知识扩展丨为什么要选择Rollup来构建Vite?

炸场福利:HMR原理&源码类求职技巧

↓↓↓添加运营小姐姐领取直播福利



1人推荐
随时随地看视频
慕课网APP