四大維度解鎖 Webpack 3.0 前端工程化

第1章 課程簡介html


講述課程背景,從前端開發的變化 到 前端工具的發展變化,介紹了課程內容,課程安排。

第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相關面試技術講解。

下載地址百度網盤下載前端

相關文章
相關標籤/搜索