课程介绍

《Webpack5入门与实战，前端开发必备技能》课程是一门针对前端开发人员的实践性课程，旨在帮助学员全面了解和掌握Webpack5的基本概念、原理和使用技巧，以及在实际项目中的应用。

课程内容主要包括以下几个方面：

1. Webpack5基础知识：介绍Webpack的基本概念、核心概念和工作原理，包括入口、输出、加载器、插件等。
2. Webpack5配置：详细讲解Webpack5的配置文件，包括如何配置入口、输出、加载器、插件等，以及如何使用不同的配置文件进行不同环境的打包。
3. 加载器和插件的使用：介绍常用的加载器和插件，如Babel加载器、CSS加载器、图片加载器、热更新插件等，以及它们的配置和使用方法。
4. 优化和性能调优：介绍Webpack5的优化策略和性能调优技巧，包括代码压缩、代码分割、懒加载、缓存等，以提高项目的性能和用户体验。
5. 实战项目：通过一个实际的前端项目案例，将所学的Webpack5知识应用到实践中，包括项目的初始化、配置、打包、优化等环节，以及常见问题的解决方法。

通过学习《Webpack5入门与实战，前端开发必备技能》课程，学员可以掌握Webpack5的核心概念和基本使用方法，能够独立完成前端项目的打包和优化工作，提高项目的开发效率和性能。课程注重实践，通过实际项目案例的演示和练习，帮助学员理解和掌握Webpack5的实际应用。

课程目录

/【imooc-614】Webpack5入门与实战，前端开发必备技能-9章完结无秘/
│├─README.md 130byte
│├─{1}–第1章课程简介
│├─{2}–第2章走进前端构建
│├─{3}–第3章学会webpack基础用法，一次搞懂webpack的构建流
│├─{4}–第4章了解webpack打包原理，对构建的理解更上一层楼
│├─{5}–第5章全方位掌握webpack高阶用法
│├─{6}–第6章掌握webpack构建效率和产物优化的必杀技
│├─{7}–第7章react+webpack实战（react版本的新闻应用）
│├─{8}–第8章vue+webpack实战（vue版本的新闻应用）
│├─{9}–第9章工程化能力
│├─课件.zip 107.1MB
│├─课程说明.txt 273byte

详细目录

{1}–第1章课程简介/
│├─[1.1]–1-1导学.mp4 45.1MB
{2}–第2章走进前端构建/
│├─[2.1]–2-1为什么学习这门课程.mp4 19.9MB
│├─[2.2]–2-2了解前端构建的重要性.mp4 26.2MB
│├─[2.3]–2-3webpack的出现带来的变局.mp4 24.8MB
│├─[2.4]–2-4前端构建初体验-webpack及相关工具安装.mp4 53.8MB
│├─[2.5]–2-5webpack初体验-构建一个最简单的前端项目.mp4 87.1MB
{3}–第3章学会webpack基础用法，一次搞懂webpack的构建流/
│├─[3.1]–3-1webpack配置介绍.mp4 49.4MB
│├─[3.2]–3-2项目入口-entry.mp4 81.5MB
│├─[3.3]–3-3构建产物输出-output.mp4 71.4MB
│├─[3.4]–3-4各类资源处理-loader.mp4 183.4MB
│├─[3.5]–3-5让webpack拥有更强大的功能-plugin.mp4 122.2MB
│├─[3.6]–3-6构建模式-mode.mp4 72.3MB
│├─[3.7]–3-7产物源码分析-sourcemap.mp4 131.7MB
│├─[3.8]–3-8开发环境模式-devserver.mp4 130.9MB
{4}–第4章了解webpack打包原理，对构建的理解更上一层楼/
│├─[4.1]–4-1webpack打包文件分析.mp4 193.4MB
│├─[4.2]–4-2webpack运行分析之启动流程.mp4 145.4MB
│├─[4.3]–4-3webpack运行分析之tapable.mp4 227.4MB
│├─[4.4]–4-4webpack运行分析之运行时-compiler.mp4 133.8MB
│├─[4.5]–4-5loader的执行过程.mp4 122.2MB
│├─[4.6]–4-6实操-如何实现一个loader.mp4 99.1MB
│├─[4.7]–4-7plugin的执行过程.mp4 94MB
│├─[4.8]–4-8如何实现一个plugin.mp4 147.2MB
{5}–第5章全方位掌握webpack高阶用法/
│├─[5.10]–5-10构建SSR应用-1.mp4 108.6MB
│├─[5.11]–5-11构建SSR应用-2.mp4 65.6MB
│├─[5.12]–5-12eslint在webpack中如何配置.mp4 75.3MB
│├─[5.13]–5-13了解modulefederation.mp4 62.1MB
│├─[5.14]–5-14了解modulefederation.mp4 121.6MB
│├─[5.1]–5-1使用autoprefixer兼容各个浏览器样式属性.mp4 70.9MB
│├─[5.3]–5-3如何正确的做CodeSpliting.mp4 91.2MB
│├─[5.4]–5-4公共静态资源处理.mp4 96.7MB
│├─[5.5]–5-5将资源内联到html中.mp4 141.9MB
│├─[5.6]–5-6如何实现多页面应用打包.mp4 146.6MB
│├─[5.7]–5-7tree-shaking的原理和应用.mp4 121.3MB
│├─[5.8]–5-8自动清理前一次构建产物.mp4 37.8MB
│├─[5.9]–5-9通过webpack构建去除代码中的调试日志.mp4 48.1MB
{6}–第6章掌握webpack构建效率和产物优化的必杀技/
│├─[6.10]–6-10构建产物优化-通过代码压缩减小构建产物.mp4 116.9MB
│├─[6.11]–6-11构建产物优化-通过优化图片减少静态资源.mp4 97.4MB
│├─[6.12]–6-12构建产物优化-通过清除无用代码减小构建产物.mp4 135MB
│├─[6.13]–6-13产物优化-使用分包减少主bundle大小-1.mp4 165.2MB
│├─[6.14]–6-14产物优化-使用分包减少主bundle大小-2.mp4 67.9MB
│├─[6.15]–6-15构建产物优化-优化polyfill减少不必要的兼容代码.mp4 67.8MB
│├─[6.1]–6-1优化准-对webpack构建速度做基本分析.mp4 114.6MB
│├─[6.2]–6-2构建速度优化-利用计算机多核优化构建.mp4 99.6MB
│├─[6.3]–6-3构建速度优化-使用缓存提升二次构建速度.mp4 139.8MB
│├─[6.4]–6-4构建速度优化-另一种缓存方式-MF.mp4 38.5MB
│├─[6.5]–6-5构建速度优化-使用外链提升构建速度.mp4 67.4MB
│├─[6.6]–6-6构建速度优化-使用更高版本的webpack和node.mp4 22.6MB
│├─[6.7]–6-7构建速度优化-使用esbuild提升构建速度.mp4 121.7MB
│├─[6.8]–6-8构建速度优化-借用swc提升webpack构建速度.mp4 67.6MB
│├─[6.9]–6-9产物优化-构建产物体积分析.mp4 102.9MB
{7}–第7章react+webpack实战（react版本的新闻应用）/
│├─[7.10]–7-10实战开发-详情页.mp4 92.6MB
│├─[7.11]–7-11浅谈前端性能优化.mp4 93.6MB
│├─[7.12]–7-12使用pwa优化当前应用.mp4 130.8MB
│├─[7.1]–7-1项目基础准备.mp4 173.6MB
│├─[7.2]–7-2功能拆分和基础界面设置.mp4 115.7MB
│├─[7.3]–7-3服务端功能设计.mp4 85.6MB
│├─[7.4]–7-4实战开发-登录-1.mp4 113.1MB
│├─[7.5]–7-5实战开发-登录-2.mp4 110.8MB
│├─[7.6]–7-6实战开发-登录-3.mp4 93.9MB
│├─[7.7]–7-7实战开发-新闻列表-1.mp4 86MB
│├─[7.8]–7-8实战开发-新闻列表-2.mp4 104.1MB
│├─[7.9]–7-9实战开发-详情页.mp4 92.9MB
{8}–第8章vue+webpack实战（vue版本的新闻应用）/
│├─[8.1]–8-1项目基础准备-1.mp4 98MB
│├─[8.2]–8-2项目基础准备-2.mp4 65MB
│├─[8.3]–8-3功能拆分和页面设计.mp4 130.5MB
{9}–第9章工程化能力/
│├─[9.1]–9-1如何开发发布一个npm包.mp4 120MB
│├─[9.2]–9-2编写可扩展的webpack配置.mp4 81.9MB
│├─[9.3]–9-3编写可扩展的webpack配置.mp4 76.5MB
│├─[9.4]–9-4实现一个简单的脚手架.mp4 135.2MB