原文發表于我的技術博客

這是我免費發布的高質量超清「Webpack 2 視頻教程」。
Webpack 作為目前前端開發必備的框架，Webpack 發布了 2.0 版本，此視頻就是基于 2.0 的版本講解的。
這個基本就是目前國內最好的 Webpack 2.0 最好的學習視頻了，希望可以對新手或者復習相關知識的朋友有用。
源碼中包含了課程中的思維導圖源文件，使用的思維導圖軟件為 Mac 下的 iThoughtsX 。

課程地址: https://devopen.club/course/webpack2.html

原文發表于我的技術博客

Webpack 是當下最熱門的前端資源模塊化管理和打包工具。它可以將許多松散的模塊按照依賴和規則打包成符合生產環境部署的前端資源。還可以將按需加載的模塊進行代碼分隔，等到實際需要的時候再異步加載。通過loader的轉換，任何形式的資源都可以視作模塊，比如 CommonJs 模塊、 AMD 模塊、 ES6 模塊、CSS、圖片、 JSON、Coffeescript、 LESS 等。

1. 視頻課程簡介

此節課程主要對Webpack 2 中生成 SourceMaps進行了詳細地講解。

課程地址: https://devopen.club/course/webpack2.html

2. 課程源碼地址

https://github.com/ParryQiu/DevOpenClub-Tech-Webpack2

3. 視頻課程地址

• Webpack 2 前端開發教程 bilibili 完整播單

https://www.bilibili.com/video/av11128844/

• Webpack 2 前端開發教程 Youtube 完整播單

https://www.youtube.com/playlist?list=PLXbU-2B80FvDu2YTKN42WvAVKWHs6XHRy

• Webpack 2 前端開發教程優酷完整播單 (因優酷審核太垃圾，不再更新到優酷。)

http://list.youku.com/albumlist/show?id=49394464&ascending=1&page=1

如果需要 1080P 的視頻，第一時間獲取到后續的更新，以及對于相關前端技術的高質量討論與提問，可以加入我們的「DevOpenClub 前端小密圈」進行相關交流。

課程已全部更新完畢，撒花~~~
稍后會根據小密圈問題以及官方發布 Webpack 3 后進行適當地更新。
關于課程的任何問題，都可以在我們的高質量前端開發小密圈中提問或交流。
課程更新及高質量討論小密圈地址：https://devopen.club/course/webpack2.html

4. 高質量前端開發小密圈

DevOpenClub 一直致力于免費分享高質量的軟件開發的相關視頻教程，在每一門技術的學習交流過程中都和大家形成了一個非常明確的討論圈。
之前一直都是 QQ 群、微信群進行討論，剛好最近「小密圈」流行，而且「小密圈」很好地解決了群交流的很多缺點。

• 有價值的信息不能沉淀的問題，有了小密圈，分享的東西都可以沉淀下來，和論壇一樣隨時可以翻看；
• 可以直接進行提問獲得解答；
• 隨時可以過濾掉垃圾信息，而且不受群垃圾消息的轟炸；
• 付費永遠都是過濾垃圾信息最好的辦法。

此小密圈功能

• 每日分享高質量的國外技術開發頭條信息與資源；
• 獲取每年所有原創開發視頻教程的第一手更新；
• 獲取百度云中分享的超清視頻課程以及源碼等相關資料；
• 獲取其他高質量軟件開發行業新聞、技術文章、教學視頻分享；
• 第一時間獲取視頻更新提醒及觀看密碼；
• 遇到相關技術問題可以進行快速提問以及討論交流；
• 群中認識更多的朋友以及合作開發項目的機會；
• 認識更多的行業朋友，或者交流自己的創業小項目。

如何加入

使用微信識別下面的二維碼（或點擊下面的鏈接）即可加入，價格是小密圈能設置的最低價格，隨著人數的增多會進行價格上調。加入后永久有效。

掃碼或點擊此鏈接加入
點擊此鏈接加入小密圈