原創超清的 Webpack2 視頻教程

原文發表於個人技術博客

這是我免費發佈的高質量超清「Webpack 2 視頻教程」。
Webpack 做爲目前前端開發必備的框架，Webpack 發佈了 2.0 版本，此視頻就是基於 2.0 的版本講解的。
這個基本就是目前國內最好的 Webpack 2.0 最好的學習視頻了，但願能夠對新手或者複習相關知識的朋友有用。

原文發表於個人技術博客

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

1. 視頻課程簡介

• 001 - Webpack 簡介
• 002 - NodeJS 安裝與配置
• 003 - Webpack 項目初始化
• 004 - Webpack 初體驗
• 005 - Webpack 編譯輸出日誌
• 006 - 使用快捷方式進行編譯
• 007 - 配置 WDS 進行瀏覽器自動刷新
• 008 - WDS 端口號等配置相關
• 009 - 配置 ESLint 實現代碼規範自動測試 (上)
• 010 - 配置 ESLint 實現代碼規範自動測試 (下)
• 011 - Webpack2 中加載 CSS 的相關配置與實戰
• 012 - 理解 Webpack 中的 CSS 做用域與 CSS Modules
• 013 - 自動分離 CSS 到獨立文件
• 014 - 深刻理解 Webpack 2 中的 loader
• 015 - Webpack 2 中的文件壓縮
• 016 - Webpack 2 中生成 SourceMaps
• 017 - Webpack 2 中分離打包項目代碼與組件代碼
• 018 - 使用可視化圖表進行統計分析打包過程
• 019 - Webpack 2 中配置多頁面編譯
• 020 - Webpack 2 中的 HMR ( Hot Module Replacement )

2. 課程源碼地址

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

3. 視頻課程地址

課程更新地址：http://tech.parryqiu.com/lesson/webpack2.html

優酷超清視頻播單：http://list.youku.com/albumlist/show?id=49394464&ascending=1&page=1

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

DevOpenClub 一直致力於免費分享高質量的軟件開發的相關視頻教程，在每一門技術的學習交流過程當中都和你們造成了一個很是明確的討論圈。
以前一直都是 QQ 羣、微信羣進行討論，恰好最近「小密圈」流行，並且「小密圈」很好地解決了羣交流的不少缺點。

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

此小密圈功能

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

如何加入

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

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