- 资源介绍
第1章 课程简介
1-1 课程背景 (27:54)
1-2 导学 (03:49)
第2章 学习准备
2-1 学习准备 – 模块化(1) (14:49)
2-2 学习准备 – 模块化(2) (13:02)
2-3 学习准备 – 环境准备(mac) (07:35)
2-4 学习准备 – webpack 简介 (15:18)
2-5 学习准备 – webpack 核心概念 (16:08)
第3章 由浅入深Webpack(1)
3-1 由浅入深 webpack – 使用 webpack (12:38)
3-2 由浅入深 webpack – 打包 JS (12:03)
3-3 由浅入深 webpack – 编译 ES6 (26:09)
3-4 由浅入深 webpack – 编译 typescript (18:48)
3-5 由浅入深 webpack – 打包公共代码(1) (12:26)
3-6 由浅入深 webpack – 打包公共代码(2) (10:05)
3-7 由浅入深 webpack – 代码分割和懒加载(1) (15:25)
3-8 由浅入深 webpack – 代码分割和懒加载(2) (13:17)
3-9 由浅入深 webpack – 处理 CSS – style-loader(1) (14:30)
3-10 由浅入深 webpack – 处理 CSS – style-loader(2) (10:06)
3-11 由浅入深 webpack – 处理 CSS – CSS-Loader (09:27)
3-12 由浅入深 webpack – 处理 CSS – 配置 Less – Sass (03:02)
3-13 由浅入深 webpack – 处理 CSS – 提取 CSS (13:43)
3-14 由浅入深 webpack – PostCSS-in-webpack (11:14)
3-15 由浅入深 webpack – Tree-shaking – JS Tree-shaking (14:51)
3-16 由浅入深 webpack – Tree-shaking – CSS Tree-shaking (09:03)
第4章 由浅入深Webpack(2)
4-1 文件处理(1)- 图片处理 – CSS中引入图片、Base64编码 (18:25)
4-2 文件处理(2)- 图片处理 – 压缩图片、自动合成雪碧图sprite、retina处理 (09:20)
4-3 文件处理(3)- 处理字体文件 (04:54)
4-4 文件处理(4)- 处理第三方 JS 库(providePlugin、imports-loader) (11:00)
4-5 html in webpack(1) – 生成 HTML (11:26)
4-6 html in webpack(2) – HTML 中引入图片 (10:02)
4-7 html in webpack(3) – 配合优化 (06:56)
第5章 Webpack 环境配置
5-1 开发环境 – Webpack Watch Mode (08:05)
5-2 开发环境 – Webpack Dev Server – 本地 rewrite 规则- (19:33)
5-3 开发环境 – 代理远程接口 (16:09)
5-4 开发环境 – 模块热更新 (20:01)
5-5 开发环境 – 开启调试SourceMap (14:22)
5-6 开发环境 – 设置 ESLint 检查代码格式 (15:04)
5-7 开发环境 – 区分开发环境 和 生产环境(1) (12:49)
5-8 开发环境 – 区分开发环境 和 生产环境(2) (18:58)
5-9 开发环境 – 使用 middleware 来搭建开发环境 (19:28)
第6章 Webpack 实战场景
6-1 Webpack实战场景 – 分析打包结果 (18:25)
6-2 webpack 实战场景 – 优化打包速度(1) (08:28)
6-3 webpack 实战场景 – 优化打包速度(2) (18:02)
6-4 webpack 实战场景 – 长缓存优化 (17:59)
6-5 webpack 实战场景 – webpack 多页面应用(1) (21:46)
6-6 webpack 实战场景 – webpack 多页面应用(2) (22:34)
第7章 Webpack 和 Vue
7-1 Vue 和 webpack – Vue-cli 介绍 (09:51)
7-2 Vue 和 webpack – Webpack template (20:00)
7-3 vue 和 webpack – 开发配置(1) (19:32)
7-4 vue 和 webpack – 开发配置(2) (14:51)
7-5 vue 和 webpack – 实现简单 todolist(1) (15:55)
7-6 vue 和 webpack – 实现简单 todolist(2) (16:11)
第8章 Webpack 和 React
8-1 React 和 webpack – create-react-app 介绍 (10:14)
8-2 React 和 webpack – create-react-app 运行脚本介绍 (17:46)
8-3 React 和 Webpack – create-react-app 配置 (16:55)
8-4 React 和 Webpack – 自定义配置 (15:32)
第9章 Webpack 和 Angular
9-1 Angular 和 webpack – Angular – cli 介绍 (24:18)
9-2 Angular 和 webpack – 模块热更新 和 自定义配置 (12:45)
第10章 课程总结
10-1 课程总结 – webpack 面试常见问题 (15:00)
10-2 课程总结 – 课程回顾和总结 (07:52)
第11章 Webpack 4更新
11-1 Webpack 4 默认配置 和 mode (13:28)
11-2 Webpack 4 优化、Tree Shaking 和 代码切分(1) (13:34)
11-3 Webpack 4 优化、Tree Shaking 和 代码切分(2) (12:43)
猜你喜欢
-
前端必学 40个精选案例实战 一课吃透HTML5+CSS3+JS|2023完结无密
2024-01-30 -
前端框架及项目面试-聚焦Vue3/React/Webpack
2022-12-04 -
前端高薪工程师培养计划2024|价值10000+
2024-12-04 -
ReactNative+TypeScript仿喜马拉雅开发App
2022-12-10 -
前端跳槽突围课:React18底层源码深入剖析
2024-05-28 -
基于 React + Redux/Mobx 搞定复杂项目状态管理
2023-01-01 -
Node.js入门到企业Web开发中的应用
2022-11-15 -
Flutter快用快学24讲|完结无秘
2023-10-27 -
Webpack5 入门与实战,前端开发必备技能|完结9章无密
2023-04-28 -
饥人谷-Webpack源码
2024-04-16
-
全面系统讲解CSS,工作应用+面试一步搞定
2022-11-17 -
再学JavaScript ES(6-10)全版本语法大全
2022-11-30 -
2023黑马前端V8.0|价值9980
2023-06-21 -
从基础到实战 手把手带你掌握新版Webpack4.0
2022-11-25 -
前端到后台ThinkPHP开发整站
2022-11-10 -
Vue全家桶+SSR+Koa2全栈开发美团网
2022-11-24 -
基于 Vue3 ,打造前台+中台通用开发提效解决方案
2023-01-02 -
Python+Vue 全栈开发BI数据可视化项目
2024-05-14 -
Vue3+NestJS 全栈开发企业级管理后台|23章完结
2024-03-21 -
基于Vue3+Vite+TS,二次封装element-plus业务组件
2023-01-01
猜你在找
常见问题FAQ
- 视频加密吗?
- 无密,本站视频全部为超清无密MP4格式
- 怎么发货?
- 课程没更新完怎么办?
- 有问题怎么解决?