这是我免费发布的高质量超清「Webpack 2 视频教程」。

Webpack 作为目前前端开发必备的框架，Webpack 发布了 2.0 版本，此视频就是基于 2.0 的版本讲解的。

这个基本就是目前国内最好的 Webpack 2.0 最好的学习视频了，希望可以对新手或者复习相关知识的朋友有用。

源码中包含了课程中的思维导图源文件，使用的思维导图软件为 Mac 下的 iThoughtsX 。

课程地址:

Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过loader的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。

1. 视频课程简介

此节课程主要对Webpack 2 中的 HMR ( Hot Module Replacement )进行了详细地讲解。

课程地址:

2. 课程源码地址

3. 视频课程地址

• Webpack 2 前端开发教程 bilibili 完整播单

• Webpack 2 前端开发教程 Youtube 完整播单

• Webpack 2 前端开发教程优酷完整播单 (因优酷审核太垃圾，不再更新到优酷。)

如果需要 1080P 的视频，第一时间获取到后续的更新，以及对于相关前端技术的高质量讨论与提问，可以加入我们的「DevOpenClub 前端小密圈」进行相关交流。

课程已全部更新完毕，撒花~~~

稍后会根据小密圈问题以及官方发布 Webpack 3 后进行适当地更新。

关于课程的任何问题，都可以在我们的高质量前端开发小密圈中提问或交流。

课程更新及高质量讨论小密圈地址：

4. 高质量前端开发小密圈

DevOpenClub 一直致力于免费分享高质量的软件开发的相关视频教程，在每一门技术的学习交流过程中都和大家形成了一个非常明确的讨论圈。

之前一直都是 QQ 群、微信群进行讨论，刚好最近「小密圈」流行，而且「小密圈」很好地解决了群交流的很多缺点。

• 有价值的信息不能沉淀的问题，有了小密圈，分享的东西都可以沉淀下来，和论坛一样随时可以翻看；
• 可以直接进行提问获得解答；
• 随时可以过滤掉垃圾信息，而且不受群垃圾消息的轰炸；
• 付费永远都是过滤垃圾信息最好的办法。

此小密圈功能

• 每日分享高质量的国外技术开发头条信息与资源；
• 获取每年所有原创开发视频教程的第一手更新；
• 获取百度云中分享的超清视频课程以及源码等相关资料；
• 获取其他高质量软件开发行业新闻、技术文章、教学视频分享；
• 第一时间获取视频更新提醒及观看密码；
• 遇到相关技术问题可以进行快速提问以及讨论交流；
• 群中认识更多的朋友以及合作开发项目的机会；
• 认识更多的行业朋友，或者交流自己的创业小项目。

如何加入

使用微信识别下面的二维码（或点击下面的链接）即可加入，价格是小密圈能设置的最低价格，随着人数的增多会进行价格上调。加入后永久有效。

扫码或点击此链接加入