四大維度解鎖Webpack 前端大牛高階技術(shù)實(shí)戰(zhàn)前端工程化 Webpack視頻教程

 四大維度解鎖Webpack 前端大牛高階技術(shù)實(shí)戰(zhàn)前端工程化 Webpack視頻教程

什么是Webpack

WebPack可以看做是模塊打包機(jī)：它做的事情是，分析你的項(xiàng)目結(jié)構(gòu)，找到JavaScript模塊以及其它的一些瀏覽器不能直接運(yùn)行的拓展語(yǔ)言（Scss，TypeScript等），

并將其轉(zhuǎn)換和打包為合適的格式供瀏覽器使用。

===============課程目錄===============

(0)；目錄中文件數(shù):1個(gè)

├─(1) project.zip

(1)\第10章 課程總結(jié)；目錄中文件數(shù):2個(gè)

├─(2) 10-1 課程總結(jié) - webpack 面試常見問(wèn)題.mp4

├─(3) 10-2 課程總結(jié) - 課程回顧和總結(jié).mp4

(2)\第1章 課程簡(jiǎn)介；目錄中文件數(shù):2個(gè)

├─(4) 1-1 課程背景.mp4

├─(5) 1-2 導(dǎo)學(xué).mp4

(3)\第2章 學(xué)習(xí)準(zhǔn)備；目錄中文件數(shù):5個(gè)

├─(6) 2-1 學(xué)習(xí)準(zhǔn)備 - 模塊化（1）.mp4

├─(7) 2-2 學(xué)習(xí)準(zhǔn)備 - 模塊化（2）.mp4

├─(8) 2-3 學(xué)習(xí)準(zhǔn)備 - 環(huán)境準(zhǔn)備(mac).mp4

├─(9) 2-4 學(xué)習(xí)準(zhǔn)備 - webpack 簡(jiǎn)介.mp4

├─(10) 2-5 學(xué)習(xí)準(zhǔn)備 - webpack 核心概念.mp4

(4)\第3章 由淺入深Webpack（1）；目錄中文件數(shù):16個(gè)

├─(11) 3-1 由淺入深 webpack - 使用 webpack.mp4

├─(12) 3-10 由淺入深 webpack - 處理 CSS - style-loader（2）.mp4

├─(13) 3-11 由淺入深 webpack - 處理 CSS - CSS-Loader.mp4

├─(14) 3-12 由淺入深 webpack - 處理 CSS - 配置 Less - Sass.mp4

├─(15) 3-13 由淺入深 webpack - 處理 CSS - 提取 CSS.mp4

├─(16) 3-14 由淺入深 webpack - PostCSS-in-webpack.mp4

├─(17) 3-15 由淺入深 webpack -  Tree-shaking - JS Tree-shaking.mp4

├─(18) 3-16 由淺入深 webpack -  Tree-shaking - CSS Tree-shaking.mp4

├─(19) 3-2 由淺入深 webpack - 打包 JS.mp4

├─(20) 3-3 由淺入深 webpack - 編譯 ES6.mp4

├─(21) 3-4 由淺入深 webpack - 編譯 typescript.mp4

├─(22) 3-5 由淺入深 webpack - 打包公共代碼（1）.mp4

├─(23) 3-6 由淺入深 webpack - 打包公共代碼（2）.mp4

├─(24) 3-7 由淺入深 webpack - 代碼分割和懶加載（1）.mp4

├─(25) 3-8 由淺入深 webpack - 代碼分割和懶加載（2）.mp4

├─(26) 3-9 由淺入深 webpack - 處理 CSS - style-loader（1）.mp4

(5)\第4章 由淺入深Webpack（2）；目錄中文件數(shù):7個(gè)

├─(27) 4-1 文件處理（1）- 圖片處理 - CSS中引入圖片、Base64編碼.mp4

├─(28) 4-2 文件處理（2）- 圖片處理 - 壓縮圖片、自動(dòng)合成雪碧圖sprite、retina處理.mp4

├─(29) 4-3 文件處理（3）- 處理字體文件.mp4

├─(30) 4-4 文件處理（4）- 處理第三方 JS 庫(kù)（providePlugin、imports-loader）.mp4

├─(31) 4-5 html in webpack（1） - 生成 HTML.mp4

├─(32) 4-6 html in webpack（2） -  HTML 中引入圖片.mp4

├─(33) 4-7 html in webpack（3） -  配合優(yōu)化.mp4

(6)\第5章 Webpack 環(huán)境配置；目錄中文件數(shù):9個(gè)

├─(34) 5-1 開發(fā)環(huán)境 - Webpack Watch Mode.mp4

├─(35) 5-2 開發(fā)環(huán)境 - Webpack Dev Server - 本地 rewrite 規(guī)則-.mp4

├─(36) 5-3 開發(fā)環(huán)境 - 代理遠(yuǎn)程接口.mp4

├─(37) 5-4 開發(fā)環(huán)境 - 模塊熱更新.mp4

├─(38) 5-5 開發(fā)環(huán)境 - 開啟調(diào)試SourceMap.mp4

├─(39) 5-6 開發(fā)環(huán)境 - 設(shè)置 ESLint 檢查代碼格式.mp4

├─(40) 5-7 開發(fā)環(huán)境 - 區(qū)分開發(fā)環(huán)境 和 生產(chǎn)環(huán)境（1）.mp4

├─(41) 5-8 開發(fā)環(huán)境 - 區(qū)分開發(fā)環(huán)境 和 生產(chǎn)環(huán)境（2）.mp4

├─(42) 5-9 開發(fā)環(huán)境 - 使用 middleware 來(lái)搭建開發(fā)環(huán)境.mp4

(7)\第6章 Webpack 實(shí)戰(zhàn)場(chǎng)景；目錄中文件數(shù):6個(gè)

├─(43) 6-1 Webpack實(shí)戰(zhàn)場(chǎng)景 - 分析打包結(jié)果.mp4

├─(44) 6-2 webpack 實(shí)戰(zhàn)場(chǎng)景 - 優(yōu)化打包速度（1）.mp4

├─(45) 6-3 webpack 實(shí)戰(zhàn)場(chǎng)景 - 優(yōu)化打包速度（2）.mp4

├─(46) 6-4 webpack 實(shí)戰(zhàn)場(chǎng)景 - 長(zhǎng)緩存優(yōu)化.mp4

├─(47) 6-5 webpack 實(shí)戰(zhàn)場(chǎng)景 - webpack 多頁(yè)面應(yīng)用（1）.mp4

├─(48) 6-6 webpack 實(shí)戰(zhàn)場(chǎng)景 - webpack 多頁(yè)面應(yīng)用（2）.mp4

(8)\第7章 Webpack 和 Vue；目錄中文件數(shù):6個(gè)

├─(49) 7-1 Vue 和 webpack - Vue-cli 介紹.mp4

├─(50) 7-2 Vue 和 webpack - Webpack template.mp4

├─(51) 7-3 vue 和 webpack - 開發(fā)配置（1）.mp4

├─(52) 7-4 vue 和 webpack - 開發(fā)配置（2）.mp4

├─(53) 7-5 vue 和 webpack - 實(shí)現(xiàn)簡(jiǎn)單 todolist（1）.mp4

├─(54) 7-6 vue 和 webpack - 實(shí)現(xiàn)簡(jiǎn)單 todolist（2）.mp4

(9)\第8章 Webpack 和 React；目錄中文件數(shù):4個(gè)

├─(55) 8-1 React 和 webpack - create-react-app 介紹.mp4

├─(56) 8-2 React 和 webpack - create-react-app 運(yùn)行腳本介紹.mp4

├─(57) 8-3 React 和 Webpack - create-react-app 配置.mp4

├─(58) 8-4 React 和 Webpack - 自定義配置.mp4

(10)\第9章 Webpack 和 Angular；目錄中文件數(shù):2個(gè)

├─(59) 9-1 Angular 和 webpack - Angular - cli 介紹.mp4

├─(60) 9-2 Angular 和 webpack - 模塊熱更新 和 自定義配置.mp4