从基础到实战 手把手带你掌握新版Webpack4.0

《从基础到实战 手把手带你掌握新版Webpack4.0》是一套面向前端开发者打造的Webpack系统化学习课程，适合零基础入门、前端进阶以及希望深入掌握现代前端工程化技术的学习者。课程以Webpack 4.0为核心，从基础概念讲起，通过循序渐进的方式带你理解Webpack的工作原理、配置方式和实际应用，让复杂的前端构建流程变得清晰易懂。

课程首先从Webpack的基本概念、安装与环境搭建入手，详细讲解Entry、Output、Loader、Plugin、Mode等核心配置，帮助学员建立完整的Webpack知识框架。在掌握基础之后，进一步深入模块打包、资源处理、CSS与图片加载、JavaScript编译、文件处理以及第三方依赖管理等常见开发场景，并结合实际项目演示Webpack配置过程，让学习内容真正落地到开发实践中。

课程还会重点讲解Loader与Plugin的使用方式以及常见配置技巧，帮助学员解决项目开发过程中遇到的各种构建问题。同时围绕开发环境与生产环境进行实践，学习开发服务器、热更新、代码压缩、文件拆分、缓存优化等功能，进一步理解前端项目从开发到上线过程中Webpack所承担的重要作用。

通过大量实战案例，课程将理论知识与项目开发紧密结合，让学员不仅会写Webpack配置，更能够理解每一项配置背后的作用，并具备独立分析和解决构建问题的能力。学完课程后，可以更加熟练地使用Webpack搭建和维护前端项目，掌握现代前端工程化开发的核心思路，为进一步学习Vue、React以及大型前端项目开发打下扎实基础。

课程目录：

└── 316 – 手把手带你掌握新版webpack4.0/
├── 第1章 课程导学（打消你的学习疑虑）/
│ └── 1-1 课程导学.mp4
├── 第2章 Webpack 初探/
│ ├── 2-1 webpack 究竟是什么？.mp4
│ ├── 2-2 什么是模块打包工具？.mp4
│ ├── 2-3 Webpack的正确安装方式.mp4
│ ├── 2-4 使用Webpack的配置文件.mp4
│ └── 2-5 浅析 Webpack 打包输出内容.mp4
├── 第3章 Webpack 的核心概念/
│ ├── 3-1 什么是 loader.mp4
│ ├── 3-2 使用 Loader 打包静态资源（图片篇）.mp4
│ ├── 3-3 使用 Loader 打包静态资源（样式篇 – 上）.mp4
│ ├── 3-4 使用 Loader 打包静态资源（样式篇 – 下）.mp4
│ ├── 3-5 使用 plugins 让打包更便捷.mp4
│ ├── 3-6 Entry 与 Output 的基础配置.mp4
│ ├── 3-7 SourceMap 的配置.mp4
│ ├── 3-8 使用 WebpackDevServer 提升开发效率.mp4
│ ├── 3-9 Hot Module Replacement 热模块更新（1）.mp4
│ ├── 3-10 Hot Module Replacement 热模块更新（2）.mp4
│ ├── 3-11 使用 Babel 处理 ES6 语法（1）.mp4
│ ├── 3-12 使用 Babel 处理 ES6 语法（2）.mp4
│ └── 3-13 Webpack 实现对React框架代码的打包.mp4
├── 第4章 Webpack 的高级概念/
│ ├── 4-1 Tree Shaking 概念详解.mp4
│ ├── 4-2 Develoment 和 Production 模式的区分打包.mp4
│ ├── 4-3 Webpack 和 Code Splitting（1）.mp4
│ ├── 4-4 Webpack 和 Code Splitting（2）.mp4
│ ├── 4-5 SplitChunksPlugin 配置参数详解（1）.mp4
│ ├── 4-6 SplitChunksPlugin 配置参数详解（2）.mp4
│ ├── 4-7 Lazy Loading 懒加载，Chunk 是什么？.mp4
│ ├── 4-8 打包分析，Preloading, Prefetching.mp4
│ ├── 4-9 CSS 文件的代码分割.mp4
│ ├── 4-10 Webpack 与浏览器缓存.mp4
│ ├── 4-11 Shimming 的作用.mp4
│ └── 4-12 环境变量的使用方法.mp4
├── 第5章 Webpack 实战配置案例讲解/
│ ├── 5-1 Library 的打包 .mp4
│ ├── 5-2 PWA 的打包配置.mp4
│ ├── 5-3 TypeScript 的打包配置.mp4
│ ├── 5-4 使用 WebpackDevServer 实现请求转发.mp4
│ ├── 5-5 WebpackDevServer 解决单页面应用路由问题.mp4
│ ├── 5-6 EsLint 在 Webpack 中的配置（1）.mp4
│ ├── 5-7 EsLint 在 Webpack 中的配置（2）.mp4
│ ├── 5-8 webpack 性能优化 .mp4
│ ├── 5-9 webpack 性能优化 .mp4
│ ├── 5-10 Webpack 性能优化.mp4
│ ├── 5-11 Webpack 性能优化 .mp4
│ ├── 5-12 webpack性能优化.mp4
│ └── 5-13 多页面打包配置 .mp4
├── 第6章 Webpack 底层原理及脚手架工具分析/
│ ├── 6-1 如何编写一个 Loader（1）.mp4
│ ├── 6-2 如何编写一个 Loader（2）.mp4
│ ├── 6-3 如何编写一个 Plugin.mp4
│ ├── 6-4 Bundler 源码编写（模块分析 1） .mp4
│ ├── 6-5 Bundler 源码编写（模块分析 2）.mp4
│ ├── 6-6 Bundler 源码编写（ Dependencies Graph ）.mp4
│ └── 6-7 Bundler 源码编写（ 生成代码 ）.mp4
├── 第7章 Create-React-App 和 Vue-Cli 3.0脚手架工具配置分析/
│ ├── 7-1 通过 CreateReactApp 深入学习 Webpack 配置（1）.mp4
│ ├── 7-2 通过 CreateReactApp 深入学习 Webpack 配置（2）.mp4
│ ├── 7-3 Vue CLI 3 的配置方法及课程总结（1）.mp4
│ └── 7-4 Vue CLI 3 的配置方法及课程总结（2）.mp4
└── 源码.zip