课程背景
经过最近几年的爆炸式发展,前端已经绝不再是简简单单的页面开发了,从最初的“切图仔”,到现在已经能够独立驱动整个业务,这就需要引入更多的思想、框架和工具,更对前端人提出了更高的要求。
Webpack 作为一款模块打包工具。通过“万物皆模块”的设计思想,巧妙地实现了整个前端项目的模块化。 节省了前端开发的效率,基本成为各家大厂前端的必备工具,但Webpack虽然重要,很多前端人却难以做到熟练掌握。
专栏解读
本专栏将从基础知识开始,带你建立对Webpack的整体认知,让你掌握自定义和扩展Webpack的方法与技巧。不论是面试还是解决实际问题,都能为你提供解决方案,14讲助你成为前端高手。
专栏基于 Webpack 最新的 v4.42.1 版本展开,划分为 4 个模块:
① 模块化及模块化标准: 包括模块化所解决的问题、模块化标准的演进过程、ES Modules 标准规范。通过这个模块,你会对 Webpack 和它能解决的问题有更深入的理解。
② Webpack 核心知识: 包括工作模式、Loader 机制、插件机制等。这个部分让你完全掌握 Webpack的基本使用,理解打包过程和结果的工作原理,甚至自己开发 Loader 和插件。
③ Webpack 高阶内容: 包括 Source Map、Proxy 等周边技能的使用,以及 Tree-shaking、sideEffects 等高级特性的实践,掌握这个部分,你就掌握了 Webpack 的高级特性,为开发效率添砖加瓦。
④ 其他同类优秀方案: Rollup、Parcel。理解同类方案中的差异点,让你在应对不同项目和需求时有更多选择。
课程目录
——/Webpack原理与实践/
├──开篇词:Webpack 现代化前端应用的基石.mp4 157.68M
├── 第01讲:Webpack 究竟解决了什么问题?.mp4 250.71M
├── 第02讲:如何使用 Webpack 实现模块化打包?.mp4 331.49M
├──第03讲:如何通过 Loader 实现特殊资源加载?.mp4 281.43M
├── 第04讲:如何利用插件机制横向扩展 Webpack 的构建能力?.mp4 277.54M
├──第05讲:探索 Webpack 运行机制与核心工作原理.mp4 348.31M
├──第06讲:如何使用 Dev Server 提高你的本地开发效率?.mp4 203.84M
├── 第07讲:如何配置 Webpack SourceMap 的最佳实践?.mp4 371.86M
├──第08讲:如何让你的模块支持热替换(HMR)机制?.mp4 329.85M
├──第09讲:玩转 Webpack 高级特性应对项目优化需求(上).mp4 257.85M
├──第10讲:玩转 Webpack 高级特性应对项目优化需求(下).mp4 192.94M
├──第11讲:如何优化 Webpack 的构建速度和打包结果?.mp4 175.77M
├──第12讲:如何选择打包工具:Rollup 和 Webpack ?.mp4 152.24M
├── 第13讲:如何使用 Parcel 零配置完成打包任务?.mp4 96.78M
├── 结束彩蛋:资深前端工程师培养计划.mp4 251.23M
├──加餐:Vue.j 3.0 到底带来了哪些变化?.mp4 1.15G
评论1