-
第2章 走进前端构建 试看5 节 | 38分钟
通过本章了解前端的工程化历史,并且简单熟悉下当前业界应用最广泛的 webpack。
- 视频:2-1 为什么学习这门课程 (04:35)
- 视频:2-2 了解前端构建的重要性 (05:41)
- 视频:2-3 webpack的出现带来的变局 (04:31)试看
- 视频:2-4 前端构建初体验- webpack 及相关工具安装 (09:00)
- 视频:2-5 webpack初体验-构建一个最简单的前端项目 (13:40)
-
第3章 学会webpack基础用法,一次搞懂webpack的构建流程 试看8 节 | 126分钟
通过本章了解webpack的基本配置使用及注意事项,并且可以实现使用webpack构建一个简单前端项目,加深对各项配置实际作用的印象。
- 视频:3-1 webpack 配置介绍 (04:10)试看
- 视频:3-2 项目入口 – entry (14:04)
- 视频:3-3 构建产物输出 – output (13:52)
- 视频:3-4 各类资源处理-loader (22:22)
- 视频:3-5 让 webpack 拥有更强大的功能-plugin (20:06)
- 视频:3-6 构建模式-mode (09:57)
- 视频:3-7 产物源码分析-sourcemap (17:07)
- 视频:3-8 开发环境模式-devserver (23:35)
-
第4章 了解webpack打包原理,对构建的理解更上一层楼8 节 | 195分钟
通过本章可以掌握webpack的运行过程以及其中关键环节的原理,比如loader和plugin,并且可以学会开发一个自定义的loader和plugin。
- 视频:4-1 webpack 打包文件分析 (36:19)
- 视频:4-2 webpack 运行分析之启动流程 (27:39)
- 视频:4-3 webpack 运行分析之 tapable (35:33)
- 视频:4-4 webpack 运行分析之运行时-compiler (25:04)
- 视频:4-5 loader 的执行过程 (14:24)
- 视频:4-6 实操-如何实现一个 loader (17:18)
- 视频:4-7 plugin 的执行过程 (15:32)
- 视频:4-8 如何实现一个 plugin (22:45)
-
第5章 全方位掌握webpack高阶用法 4 节 | 56分钟
本章主要介绍一些webpack的高阶用法,可以掌握一些在日常开发中提升开发效率、提高项目性能以及优化开发体验等常规技巧。
- 视频:5-1 使用autoprefixer兼容各个浏览器样式属性 (10:32)
- 视频:5-2 实现移动端适配之rem及px自动转化rem (16:59)
- 视频:5-3 如何正确的做Code Spliting (16:01)
- 视频:5-4 公共静态资源处理 (11:30)
-
第6章 掌握webpack构建效率和产物优化的必杀技
本章主要学习webpack的构建效率提升和构建产物优化,通过本章节可以掌握极致的构建速度优化方法,使得在开发大型项目中仍然可以快速启动、构建;并且可以学会最大限度优化构建产物的手段,将项目的性能提升一个台阶。
-
第7章 react+webpack实战(react版本的新闻应用)
在本章节通过一个实际的项目开发过程,加深对webpack的使用,并且系统的掌握一些前端性能优化的方案。
-
第8章 vue+webpack实战(vue版本的新闻应用)
本章节与前面章节大致相同,兼顾 vue 技术展。
-
第9章 工程化能力
通过本章节可以站在工程化的角度,加强对webpack构建的理解,并且可以为团队建设更加通用、完善的工程化方案。
本课程持续更新中
免责声明:所有资源仅供参考学习,不提供售后服务,如有需求,建议购买正版!如果本站资源侵犯了您的利益请留言告知(邮箱:554250521@qq.com)!如有链接无法下载、失效,请联系客服,尽快为您处理!
优课资源站 » Webpack5 入门与实战,前端开发必备技能【更新】
优课资源站 » Webpack5 入门与实战,前端开发必备技能【更新】
常见问题FAQ
- 怎么区分课程是否完结?
- 课程名称最后都有备注,完结课程会备注【完结】
- 怎么发货?
- 有些资源没更新完结怎么办?
- 298终身会员和999终身会员的区别