四大维度解锁Webpack 前端大牛高阶技术实战前端工程化 Webpack视频教程

言语汇编视频讲座简介:

 四年夜维度解锁Webpack 前端年夜牛下阶手艺真战前端工程化 Webpack视频教程

甚么是Webpack

WebPack能够看作是模块挨包机:它做的工作是,阐发您的项目构造,找到JavaScript模块和别的的一些阅读器不克不及间接运转的拓展言语(Scss,TypeScript等),

并将其转换战挨包为适宜的格局供阅读器利用。

===============课程目次===============

(0);目次中文件数:1个

├─(1) project.zip

(1)\\第10章 课程总结;目次中文件数:2个

├─(2) 10-1 课程总结 - webpack 口试常睹成绩.mp4

├─(3) 10-2 课程总结 - 课程回忆战总结.mp4

(2)\\第1章 课程简介;目次中文件数:2个

├─(4) 1-1 课程布景.mp4

├─(5) 1-2 导教.mp4

(3)\\第2章 进修筹办;目次中文件数:5个

├─(6) 2-1 进修筹办 - 模块化(1).mp4

├─(7) 2-2 进修筹办 - 模块化(2).mp4

├─(8) 2-3 进修筹办 - 情况筹办(mac).mp4

├─(9) 2-4 进修筹办 - webpack 简介.mp4

├─(10) 2-5 进修筹办 - webpack 中心观点.mp4

(4)\\第3章 由浅进深Webpack(1);目次中文件数:16个

├─(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);目次中文件数:7个

├─(27) 4-1 文件处置(1)- 图片处置 - CSS中引进图片、Base64编码.mp4

├─(28) 4-2 文件处置(2)- 图片处置 - 紧缩图片、主动分解雪碧图sprite、retina处置.mp4

├─(29) 4-3 文件处置(3)- 处置字体文件.mp4

├─(30) 4-4 文件处置(4)- 处置第三圆 JS 库(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) -  共同劣化.mp4

(6)\\第5章 Webpack 情况设置;目次中文件数:9个

├─(34) 5-1 开辟情况 - Webpack Watch Mode.mp4

├─(35) 5-2 开辟情况 - Webpack Dev Server - 当地 rewrite 划定规矩-.mp4

├─(36) 5-3 开辟情况 - 代办署理长途接心.mp4

├─(37) 5-4 开辟情况 - 模块热更新.mp4

├─(38) 5-5 开辟情况 - 开启调试SourceMap.mp4

├─(39) 5-6 开辟情况 - 设置 ESLint 查抄代码格局.mp4

├─(40) 5-7 开辟情况 - 辨别开辟情况 战 消费情况(1).mp4

├─(41) 5-8 开辟情况 - 辨别开辟情况 战 消费情况(2).mp4

├─(42) 5-9 开辟情况 - 利用 middleware 去拆建开辟情况.mp4

(7)\\第6章 Webpack 真疆场景;目次中文件数:6个

├─(43) 6-1 Webpack真疆场景 - 阐发挨包成果.mp4

├─(44) 6-2 webpack 真疆场景 - 劣化挨包速率(1).mp4

├─(45) 6-3 webpack 真疆场景 - 劣化挨包速率(2).mp4

├─(46) 6-4 webpack 真疆场景 - 少缓存劣化.mp4

├─(47) 6-5 webpack 真疆场景 - webpack 多页里使用(1).mp4

├─(48) 6-6 webpack 真疆场景 - webpack 多页里使用(2).mp4

(8)\\第7章 Webpack 战 Vue;目次中文件数:6个

├─(49) 7-1 Vue 战 webpack - Vue-cli 引见.mp4

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

├─(51) 7-3 vue 战 webpack - 开辟设置(1).mp4

├─(52) 7-4 vue 战 webpack - 开辟设置(2).mp4

├─(53) 7-5 vue 战 webpack - 完成简朴 todolist(1).mp4

├─(54) 7-6 vue 战 webpack - 完成简朴 todolist(2).mp4

(9)\\第8章 Webpack 战 React;目次中文件数:4个

├─(55) 8-1 React 战 webpack - create-react-app 引见.mp4

├─(56) 8-2 React 战 webpack - create-react-app 运转剧本引见.mp4

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

├─(58) 8-4 React 战 Webpack - 自界说设置.mp4

(10)\\第9章 Webpack 战 Angular;目次中文件数:2个

├─(59) 9-1 Angular 战 webpack - Angular - cli 引见.mp4

├─(60) 9-2 Angular 战 webpack - 模块热更新 战 自界说设置.mp4

使用道具 举报