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

文件大小: 4.6MB
语言: 简体中文
运行环境: XP/vista/win7/8/

详细介绍:
四大维度解锁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

═══════ 下载地址 ═══════