這是我免費發布的高質量超清「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 群、微信群進行討論,剛好最近「小密圈」流行,而且「小密圈」很好地解決了群交流的很多缺點。
- 有價值的信息不能沉淀的問題,有了小密圈,分享的東西都可以沉淀下來,和論壇一樣隨時可以翻看;
- 可以直接進行提問獲得解答;
- 隨時可以過濾掉垃圾信息,而且不受群垃圾消息的轟炸;
- 付費永遠都是過濾垃圾信息最好的辦法。
此小密圈功能
- 每日分享高質量的國外技術開發頭條信息與資源;
- 獲取每年所有原創開發視頻教程的第一手更新;
- 獲取百度雲中分享的超清視頻課程以及源碼等相關資料;
- 獲取其他高質量軟件開發行業新聞、技術文章、教學視頻分享;
- 第一時間獲取視頻更新提醒及觀看密碼;
- 遇到相關技術問題可以進行快速提問以及討論交流;
- 群中認識更多的朋友以及合作開發項目的機會;
- 認識更多的行業朋友,或者交流自己的創業小項目。
如何加入
使用微信識別下面的二維碼(或點擊下面的鏈接)即可加入,價格是小密圈能設置的最低價格,隨着人數的增多會進行價格上調。加入后永久有效。
掃碼或點擊此鏈接加入
點擊此鏈接加入小密圈