玩转 webpack
全方位掌握 webpack 核心技能和优化策略
程柳锋  腾讯高级工程师,IVWEB 团队社区和工程化负责人
视频课
已完结·共 87 讲
|
2.7w 人已学
|
收藏

你将获得

  1. 快速掌握基础技能和进阶用法;
  2. 熟悉打包速度和体积优化策略;
  3. 深入源代码了解打包构建原理;
  4. 编写健壮易维护的 webpack 配置。

课程介绍

近几年来,前端领域飞速发展,工作早已不再是切几张图,写几个页面那么简单,而是需要前端开发者更加专注业务需求。webpack,就是这么一款工具,将前端不断出现的新模块、新资源、新需求,进行自动化整合、梳理、输出,极大提高了我们的工作效率。

同时,webpack 凭借着自身社区生态丰富,配置灵活和插件化扩展,官方更新迭代速度快等优点,已成为前端构建领域里最炙手可热的构建工具。在 GitHub 上,webpack 也拥有着 48.8k 的 star。

可是,不少前端人,对于 webpack 的使用和了解只停留在了 20% 的基础功能上。每天开发写 npm run dev,该上线了按 npm run build,执行个命令,webpack 就帮你打包好了。

很多人根本不知道,这整个过程究竟发生了什么,导致之后出现问题,也无法对症下药,无从下手。以下这些情景,你肯定或多或少都遇到过:

  1. 拿到一份用 vue-cli 和 create-react-app 生成的 webpack 配置,却不知道它们的含义;
  2. 想要深入了解 webpack 内部原理,但发现看不懂 webpack 源码,也不知该从何下手;
  3. 在做项目构建时,遇到速度或体积的问题时,发现自己拿不出一套完善的优化思路;
  4. 在社区的插件和 loader 不满足实际项目时,却无法自定义出一个定制化的插件和 loader,来解决眼下的问题。

其实,掌握 webpack 是具有一定的学习曲线和成本的。如何理解 webpack “一切皆为模块”的打包理念?如何快速掌握 webpack 的构建配置?如何让 webpack 成为升职加薪利器,而不是成为一名“ webpack 配置工程师”?

整个课程基于最新版 webpack 4 设计,遵循由浅入深的原则,将内容分为 4 个阶段。

  • 基础篇:从最基础的知识讲起,由浅入深,教你掌握 webpack 的核心概念和开发必备技巧。
  • 进阶篇:带你编写 webpack 构建配置的同时,轻松掌握构建速度和体积的优化策略。
  • 原理篇:抽丝剥茧,通过 webpack 源码,让你了解 webpack 内部的运行原理的同时,也具备编写自定义 loader 和插件的能力。
  • 实战篇:从一个 Web 商城项目出发,讲解 webpack 如何运用到实际的项目中,并且最大化地提升开发阶段和发布阶段的构建体验。

无论你是对 webpack 一无所知的初学者,还是经验丰富的前端工程师,都能够通过这个课程,提升对 webpack 的理解,建立属于你自己的 webpack 知识体系,并在工作中能够高效的使用 webpack,完成各类前端项目的打包构建工作。

课程目录

查看更多
免费试读

特别放送

订阅须知

  1. 订阅成功后,推荐通过“极客时间”App 端、Web 端学习。
  2. 本专栏为虚拟商品,交付形式为图文 + 音频,一经订阅,概不退款。
  3. 订阅后分享海报,每邀一位好友订阅有现金返现。
  4. 戳此先充值再购课更划算,还有最新课表、超值赠品福利等。
  5. 企业采购推荐使用“极客时间企业版”便捷安排员工学习计划,掌握团队学习仪表盘。
  6. 戳此申请学生认证,订阅课程享受原价 5 折优惠。
  7. 价格说明:划线价、订阅价为商品或服务的参考价,并非原价,该价格仅供参考。未划线价格为商品或服务的实时标价,具体成交价格根据商品或服务参加优惠活动,或使用优惠券、礼券、赠币等不同情形发生变化,最终实际成交价格以订单结算页价格为准。
讲师

程柳锋

腾讯高级工程师,IVWEB 团队社区和工程化负责人

程柳锋,腾讯高级工程师,负责 IVWEB 团队的社区和工程化。同时,他还在空闲时间开发了「前端工作流和规范工具 Feflow」项目,获得了“腾讯 2018 年度十佳内部开源项目” 奖项。 在腾讯,他曾主导团队将 Fis3 构建切换到 webpack4,过程中涉及到多页面打...查看更多
编辑推荐
包含这门课的学习路径

前端工程师

24门课程 109.3w人学习
看过的人还看了
重学前端
程劭非(winter)
前手机淘宝前端负责人

57讲 | 105370 人已学习

¥59¥129
数据结构与算法之美
王争
前 Google 工程师

81讲 | 283795 人已学习

¥68¥199
Vue 开发实战
唐金州
一点资讯前端技术专家,Ant Design Vue 作者

53讲 | 60933 人已学习

¥59¥129
左耳听风
陈皓
网名“左耳朵耗子”,资深技术专家

119讲 | 180994 人已学习

¥98¥399
TypeScript 开发实战
梁宵
搜狗营销事业部高级架构师

47讲 | 34172 人已学习

¥59¥129
Node.js 开发实战
杨浩
腾讯高级工程师

57讲 | 37440 人已学习

¥68¥199