四大維度解鎖Webpack3.0工具全技能
阿新 • • 發佈:2018-05-27
col 實踐 網盤 thread 提取 AR 網盤下載 cli 面試
第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工具全技能