四大維度解鎖Webpack3.0前端工程化
阿新 • • 發佈：2018-03-21
Webpack四大維度解鎖Webpack3.0前端工程化
網盤地址：https://pan.baidu.com/s/1NBzFqMELoFxxvFtxp0YluQ 密碼: pd36
備用地址（騰訊微雲）：https://share.weiyun.com/50QY3pp 密碼：d4uwwj
網盤地址：https://pan.baidu.com/s/1NBzFqMELoFxxvFtxp0YluQ 密碼: pd36
備用地址（騰訊微雲）：https://share.weiyun.com/50QY3pp 密碼：d4uwwj
第1章 課程簡介
講述課程背景，從前端開發的變化 到 前端工具的發展變化，介紹了課程內容，課程安排。
第2章 學習準備
講述模塊化開發的思想、學習環境準備，webpack 的概況，版本更叠，核心概念等，為開始實踐學習webpack 做準備。
第3章 由淺入深Webpack（1）
由一個個的實例組成，介紹webpack 在處理各種實例的下的配置，實例包括 Typescript Ecmascript Less 語言的預編譯，講解了 Webpack 提取公共代碼、代碼分割、動態import、魔法註釋、JS 和 CSS 的 TreeShaking等新特性。
第4章 由淺入深Webpack（2）
圖片的壓縮、CSS 雪碧圖、PostCSS 的使用、HTML 的生成等。
第5章 Webpack 環境配置
介紹如何搭建 Webpack 本地開發環境，配置模塊熱更新、如何通過SourceMap調試代碼、通過代碼檢查工具提高代碼質量。
第6章 Webpack 實戰場景
介紹Webpack 打包分析工具，如果使用webpack 長緩存優化，如何提升打包速度。
第7章 Webpack 和 Vue
介紹Webpack 和 Vue 的結合，Vue-cli 的模版介紹，以及模版中的各項配置。
第8章 Webpack 和 React
介紹Webpack 和 React 的結合，介紹官方腳手架 Create-React-App 以及各種配置。
第9章 Webpack 和 Angular
介紹 Webpack 和 Angular的結合，介紹官方命令行工具 Angular-cli，以及如何自定義配置。
第10章 課程總結
webpack相關面試技術講解。
四大維度解鎖Webpack3.0前端工程化