webpack作为现代前端开发中最火的模块打包工具,广泛应用于前端工程领域,全球知名公司如谷歌、阿里、腾讯等都在使用webpack,是前端工程师必备的技能之一!而学习webpack如果没有一个套好的视频教程是比较难懂或入门的,本套课程适合具备一定nodejs基础及项目经验的前端工程师学习。

课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。

由尚硅谷明明可以靠颜值吃饭却靠技术行走于江湖的熊健老师操刀,一顿疯狂输出课程总计40集,近600分钟!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!

一、课程简介
webpack作为现代前端开发中最火的模块打包工具,广泛应用于前端工程领域,是前端工程师必备的技能之一。全球知名公司(如:谷歌、阿里、腾讯等)都在使用webpack作为首选模块打包工具。
随着webpack5也研发近一年,即将要隆重推出。我们在学完webpack4配置,将会无缝切换到webpack5,全面讲解webpack5新特性。

二、课程内容和目标
本课程将重点讲解webpack配置参数,开发环境配置,生产环境配置,企业级的优化环境配置以及webpack5震撼新特性。涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。

三、适合人群
本课程适合有一定的nodejs基础和项目经验的前端工程师学习。

Webpack课程详细目录

01.webpack从入门到精通-课程介绍

02.webpack从入门到精通-webpack简介

03.webpack从入门到精通-webpack五个核心概念

04.webpack从入门到精通-webpack的初体验

05.webpack从入门到精通-打包样式资源

06.webpack从入门到精通-打包html资源

07.webpack从入门到精通-打包图片资源

08.webpack从入门到精通-打包其他资源

09.webpack从入门到精通-devServer

10.webpack从入门到精通-开发环境基本配置

11.webpack从入门到精通-构建环境介绍

12.webpack从入门到精通-提取css成单独文件

13.webpack从入门到精通-css兼容性处理

14.webpack从入门到精通-压缩css

15.webpack从入门到精通-js语法检查eslint

16.webpack从入门到精通-js兼容性处理eslint

17.webpack从入门到精通-压缩html和js

18.webpack从入门到精通-生产环境基本配置

19.webpack从入门到精通-性能优化介绍

20.webpack从入门到精通-HMR

21.webpack从入门到精通-source-map

22.webpack从入门到精通-oneOf

23.webpack从入门到精通-缓存

24.webpack从入门到精通-tree shaking

25.webpack从入门到精通-code split

26.webpack从入门到精通-懒加载和预加载

27.webpack从入门到精通-PWA

28.webpack从入门到精通-多进程打包

29.webpack从入门到精通-externals

30.webpack从入门到精通-dll

31.webpack从入门到精通-性能优化总结

32.webpack从入门到精通-webpack配置详解介绍

33.webpack从入门到精通-详细配置之entry

34.webpack从入门到精通-详细配置之output

35.webpack从入门到精通-详细配置之module

36.webpack从入门到精通-详细配置之resolve

37.webpack从入门到精通-详细配置之devServer

38.webpack从入门到精通-详细配置之optimization

39.webpack从入门到精通-webpack5介绍和使用

40.webpack从入门到精通-总结webpack