融合技能+项目+思想,掌握 Webpack 的同时深化工程化思维 Webpack 作为一款可以提升开发效率、提高页面性能的工具,是前端开发者必备的技能。不过现实中还有很多前端同学对 Webpack的使用局限在调用阶段,对于其内部原理以及已有的配置不够了解,无法高效用好这个工具。本课程将通过一系列由浅入深的内容设计,帮助大家提升对 Webpack 的理解,并且能在实际业务中加以应用。 适合人群 有一定的前端项目开发经验 技术储备 Html/Css基础 JS交互知识 环境参数 webpack 5 章节目录: 第1章 课程简介 试看1 节 | 12分钟 课程的简单介绍~~ 收起列表 视频: 1-1 导学 (11:15) 试看 第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打包原理,对构建的理解更上一层楼 通过本章可以掌握webpack的运行过程以及其中关键环节的原理,比如loader和plugin,并且可以学会开发一个自定义的loader和plugin。 第5章 全方位掌握webpack高阶用法 本章主要介绍一些webpack的高阶用法,可以掌握一些在日常开发中提升开发效率、提高项目性能以及优化开发体验等常规技巧。 第6章 掌握webpack构建效率和产物优化的必杀技 本章主要学习webpack的构建效率提升和构建产物优化,通过本章节可以掌握极致的构建速度优化方法,使得在开发大型项目中仍然可以快速启动、构建;并且可以学会最大限度优化构建产物的手段,将项目的性能提升一个台阶。 第7章 react+webpack实战(react版本的新闻应用) 在本章节通过一个实际的项目开发过程,加深对webpack的使用,并且系统的掌握一些前端性能优化的方案。 第8章 vue+webpack实战(vue版本的新闻应用) 本章节与前面章节大致相同,兼顾 vue 技术展。 第9章 工程化能力 通过本章节可以站在工程化的角度,加强对webpack构建的理解,并且可以为团队建设更加通用、完善的工程化方案。 来源: Webpack5 入门与实战,前端开发必备技能分享无密 |
| 猿人部落 ( A20190523-0239 )
Powered by Discuz! X3.4 © 2001-2013 Comsenz Inc. GMT+8, 2024-12-6 15:54 , Processed in 0.081209 second(s), 31 queries .