视频教程webpack3.x视频教程 全网首发

Posted 2021-04-29 前端早读课

前言

webpack的配置，谁用谁知道。今天双十一，有打折～

讲师介绍

@技术胖

网名：技术胖，10年一线互联网程序开发经验（仍在前端领域奋力搬砖），做过J2EE和php，现在主要关注前端技术。每年帮助50万以上前端爱好者学习。 除程序员身份之外，讲师还有以下身份（只在装逼时使用）。 掘金专栏作者，GitChat特邀讲师，纯金UED金牌讲师，CSDN学院知名讲师，百度传课前端讲师。

学习前知

• 你需要会基本的javascript知识。

• 会基本的使用node中的npm，其实在文中作了基本讲解。

• 前端爱好者，会基本的html和CSS 知识。

学完后获得什么？

• 你将可以更加了解webpack的配置原理。

• 掌握最新版本webpack3.x的特性。

• 能独立使用webpack配置项目。

• 达到P6级别webpack水平。

• 学会以后自学webpack的方法和技巧。

课程大纲

课程是视频教程，一共24集，每集15分钟左右，共5个多小时的视频讲解。

第一章：初识webpack3.x

• 认识webpack 和安装  24:34

• 让你快速上手一个Demo 案例 15:06

第二章：插件与配置

• 入口和出口配置 14:43

• 服务和热更新 11:10

• 打包CSS 文件 14:06

• JS代码压缩配置 08:40

• HTML 文件的打包 12:09

第三章：HTML/CSS/JS处理 时长

• webpack配置CSS中引用图片 14:28

• CSS分离和publicPath的使用细节 15:05

• HTML中的图片打包 11:19

• webpack打包和分离LESS文件 13:38

• webpack打包盒分离SASS/SCSS文件 09:29

• 用postcss自动添加CSS属性前缀 10:08

• 消除无用的CSS属性 11:56

• Babel转换ES6的技巧和配置 13:08

• 打包后如何调试代码 10:30

第四章：实战技巧

• 实战中开发和生产环境并行技巧 20:49

• 实战中如何模块化配置webpack 10:54

• 实战时优雅打包第三方类库 11:42

• watch正确使用方法 11:52

• 实战webpack优化黑技能 16:02

• 集中拷贝静态资源 08:17

• JSON配置文件的使用 09:37

剧终：倾囊传授，让你持续精进 07:02