首页 | 1777 | 491 | 95 | 添加收藏 上一个 下一个
Webpack3.0零基础入门到实战讲解教程

Webpack3.0零基础入门到实战讲解教程


Webpack3.0零基础入门到实战讲解教程视频课程下载。webpack是一个模块打包器。webpack 的主要目标是将 JavaScript 文件打包在一起,打包后的文件用于在浏览器中使用,但它也能够胜任转换(transform)、打包(bundle)或包裹(package)任何资源(resource or asset)。基于Webpack 3.0配合Loader、插件、工具的使用,搭建前端主流Vue、React、Angular的开发环境和项目框架,解决线上代码缓存、体积优化、本地开发环境代理请求等需求,提高开发效率!Webpack与前端性能优化的完美诠释,提高你的优化功力!


Webpack3.0零基础入门到实战讲解教程
课程章节


第一章 课程简介
1-1 课程背景
1-2 导学


第二章 学习准备
2-1 学习准备 - 模块化(1)
2-2 学习准备 - 模块化(2)
2-3 学习准备 - 环境准备(mac)
2-4 学习准备 - webpack 简介
2-5 学习准备 - webpack 核心概念


第三章 由浅入深Webpack(1)
3-1 由浅入深 webpack - 使用 webpack
3-2 由浅入深 webpack - 打包 JS
3-3 由浅入深 webpack - 编译 ES6
3-4 由浅入深 webpack - 编译 typescript
3-5 由浅入深 webpack - 打包公共代码(1)
3-6 由浅入深 webpack - 打包公共代码(2)
3-7 由浅入深 webpack - 代码分割和懒加载(1)
3-8 由浅入深 webpack - 代码分割和懒加载(2)
3-9 由浅入深 webpack - 处理 CSS - style-loader(1)
3-10 由浅入深 webpack - 处理 CSS - style-loader(2)
3-11 由浅入深 webpack - 处理 CSS - CSS-Loader
3-12 由浅入深 webpack - 处理 CSS - 配置 Less - Sass
3-13 由浅入深 webpack - 处理 CSS - 提取 CSS
3-14 由浅入深 webpack - PostCSS-in-webpack
3-15 由浅入深 webpack - Tree-shaking - JS Tree-shaking
3-16 由浅入深 webpack - Tree-shaking - CSS Tree-shaking


第四章 由浅入深Webpack(2)
4-1 文件处理(1)- 图片处理 - CSS中引入图片、Base64编码
4-2 文件处理(2)- 图片处理 - 压缩图片、自动合成雪碧图sprite、retina处理
4-3 文件处理(3)- 处理字体文件
4-4 文件处理(4)- 处理第三方 JS 库(providePlugin、imports-loader)
4-5 html in webpack(1) - 生成 HTML
4-6 html in webpack(2) - HTML 中引入图片
4-7 html in webpack(3) - 配合优化


第五章 Webpack 环境配置
5-1 开发环境 - Webpack Watch Mode
5-2 开发环境 - Webpack Dev Server - 本地 rewrite 规则-
5-3 开发环境 - 代理远程接口
5-4 开发环境 - 模块热更新
5-5 开发环境 - 开启调试SourceMap
5-6 开发环境 - 设置 ESLint 检查代码格式
5-7 开发环境 - 区分开发环境 和 生产环境(1)
5-8 开发环境 - 区分开发环境 和 生产环境(2)
5-9 开发环境 - 使用 middleware 来搭建开发环境


第六章 Webpack 实战场景
6-1 Webpack实战场景 - 分析打包结果
6-2 webpack 实战场景 - 优化打包速度(1)
6-3 webpack 实战场景 - 优化打包速度(2)
6-4 webpack 实战场景 - 长缓存优化
6-5 webpack 实战场景 - webpack 多页面应用(1)
6-6 webpack 实战场景 - webpack 多页面应用(2)


第七章 Webpack 和 Vue
7-1 Vue 和 webpack - Vue-cli 介绍
7-2 Vue 和 webpack - Webpack template
7-3 vue 和 webpack - 开发配置(1)
7-4 vue 和 webpack - 开发配置(2)
7-5 vue 和 webpack - 实现简单 todolist(1)
7-6 vue 和 webpack - 实现简单 todolist(2)


第八章 Webpack 和 React
8-1 React 和 webpack - create-react-app 介绍
8-2 React 和 webpack - create-react-app 运行脚本介绍
8-3 React 和 Webpack - create-react-app 配置
8-4 React 和 Webpack - 自定义配置


第九章 Webpack 和 Angular
9-1 Angular 和 webpack - Angular - cli 介绍
9-2 Angular 和 webpack - 模块热更新 和 自定义配置


第十章 课程总结
10-1 课程总结 - webpack 面试常见问题
10-2 课程总结 - 课程回顾和总结